保留第二行的空间

Question

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

我正在从数据库加载数据并设置为cardView。 现在问题是card-content的文本有时很小，有时文本太大而无法保持在一行中。所以，它是第二行。但是第二行是让卡比其他卡更大。

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

任何人都可以提供帮助？

Answer 1

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

Answer 2

为max-height设置card-content，使其不会超出您想要的高度。

Answer 3

您可以尝试

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

@mixin setProperty($property,$value,$unit:null){

 #{$property} :$value$unit;

}
.class{
  @include setProperty(position,relative);
}