2017-04-20 101 views
0

我正在使用Materialize庫設計我的網站。保留第二行的空間

我從數據庫加載數據並設置爲cardView。 現在的問題是,card-content的文本有時很小,有時文本太大而不能保存在一行中。所以,這是第二條線。但是這第二行是使卡比其他卡大。

現在,即使文本很小,我也想保留第二行的第二行空格。

任何人都可以幫忙嗎? enter image description here

+0

給'最小height'文本... –

+0

你可以用' flex「爲此。 – LKG

回答

1

設置min-height爲您的內容部分

0

設置max-heightcard-content,以便它不會超過所需的高度。

+0

那麼第二行呢? – Sudarshan

0

你可以試試這個

 .main { 
 
      display: flex; 
 
      justify-content: space-around; 
 
      flex-flow: row wrap; 
 
     } 
 
     .fcard, .scard { 
 
      flex: 1; 
 
      border:1px solid #333; 
 
     } 
 
     .scard { 
 
      flex:1; 
 
     }
<div class="main"> 
 
    <div class="fcard"> 
 
     Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
 
     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
 
     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 
 
     consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse 
 
     cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non 
 
     proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 
 
    </div> 
 
    <div class="scard"> 
 
     Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
 
     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
 
     quis nostrud exercitation ullamco . 
 
    </div> 
 
    </div>