保留第二行的空间

Question

我正在使用Materialize库设计我的网站。

我从数据库加载数据并设置为cardView。 现在的问题是，card-content的文本有时很小，有时文本太大而不能保存在一行中。所以，这是第二条线。但是这第二行是使卡比其他卡大。

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

任何人都可以帮忙吗？

Answer 1

设置min-height为您的内容部分

Answer 2

设置max-height为card-content，以便它不会超过所需的高度。

Answer 3

你可以试试这个

 .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>