第二行保留 space

Question

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

我正在从数据库加载数据并设置到 cardView。现在的问题是有时 card-content 的文本很小，有时文本太大而无法保持在一行中。因此，它构成了第二行。但是第二行使卡片比其他卡片大。

现在，我想保留 second-line space 作为第二行，即使文本很小。

有人可以帮忙吗？

Answer 1

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

Answer 2

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

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>

第二行保留 space

Keep space for second line

html

css

materialize

cardview