div中的內容框架7

在我的網格佈局中，使用Framework 7，我需要居中位於一行中的按鈕的鏈接。我試圖設置justified-content: center;創建一個新的類colled center，但我看到這個CSS屬性被覆蓋： justified-content: space-between;從默認的Framework 7 CSS文件。這是我的網頁內容：div中的內容框架7

<div data-page="scanQR" class="page"> 
    <!-- Scrollable page content--> 
    <div class="page-content"> 
     <div class="content-block"> 
     <div class="content-block-inner"> 
      <div class="row center"> 
      <div class="col-auto"> 
       <img src="img/pagopa.png" /> 
      </div> 
      </div> 
      <div class="row center"> 
       <div class="col-100.tablet-33"> 
       <p><a href="#" class="button mybtn" id="scan">Scan QR Code</a></p> 
       </div> 
      </div> 
     </div> 
     </div> 
    </div> 
    </div>

如何我能得到這個鏈接在我看來爲本？

來源

2017-01-23 slash89mf

我看到你的最後一個問題上拿起您的無效的類太 – Pete

這不是一個無效的類！這是一個框架7 CSS類！ @Pete – slash89mf

這是一個css類，但是你不能在html中使用它，它在你放置它的地方是無效的 - 你不能在html屬性的類名中使用'.' - 你沒有它，然後在你用css引用它的點（表示類） – Pete

您在<div class=".col-100.tablet-33">類別中有錯字。

將其更改爲：<div class="col-100 tablet-33">

摘錄如下：

<link href="https://cdnjs.cloudflare.com/ajax/libs/framework7/1.5.2/css/framework7.material.min.css" rel="stylesheet" /> 
 
<div data-page="scanQR" class="page"> 
 
    <!-- Scrollable page content--> 
 
    <div class="page-content"> 
 
    <div class="content-block"> 
 
     <div class="content-block-inner"> 
 
     <div class="row center"> 
 
      <div class="col-auto"> 
 
      <img src="img/pagopa.png" /> 
 
      </div> 
 
     </div> 
 
     <div class="row center"> 
 
      <div class="col-100 tablet-33"> 
 
      <p><a href="#" class="button mybtn" id="scan">Scan QR Code</a> 
 
      </p> 
 
      </div> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>

來源

2017-01-23 15:00:19 Syden

這個CSS屬性在Framework 7中被禁用，所以我不能使用它 – slash89mf

將框架CSS文件添加到代碼片段中，並調整了你的類，似乎有訣竅。 – Syden

div中的內容框架7

回答

相關問題