html - MaterializeCSS 使行对齐

Question

我正在使用 materializecss 并且我在网格系统中有产品。每个产品都包裹在一个 div <div class="col s12 m6 l4" > 中但是当产品具有不同的高度时，产品变得交错。我想让每一行都分开，并且产品与左侧对齐。

Answer 1

你必须将它包装到 .row 类中

示例:

<div class="row">
   <div class="col s4">Your  Your contentYour contentYour contentYour contentYour contentYour contentYour contentYour contentYour contentYour contentYour contentYour contentYour contentYour content</div>
   <div class="col s4">Your content</div>
   <div class="col s4">Your content</div>
</div>
<div class="row">
   <div class="col s4">Your content</div>
   <div class="col s4">Your content</div>
   <div class="col s4">Your content</div>
</div>
<div class="row">
   <div class="col s4">Your content</div>
   <div class="col s4">Your content</div>
   <div class="col s4">Your content</div>
</div>

See this fiddle