何时在Zurb Foundation 6.2.3中使用行列？

Question

你什么时候在Zurb Foundation 6.2.3框架中使用行列构造？

<div class="column row">
  Row column
</div>

几乎相同，

<div class="row">
    Row
</div>

只有该行的长度更短。

Answer 1

这与框架网格的工作方式（不仅仅是基础）有关，.row元素本身并不是内容容器，.column。网格元素具有填充和边距，如果仅使用.row，则会导致与网格上的其他元素不对齐。所以，如果你有类似的东西：

<div class="row">
    <div class="column medium-6">Column A</div>
    <div class="column medium-6">Column B</div>
</div>
<div class="row">
    <div class="column">Column C, full width always</div>
</div>
<div class="row">
    <div class="column medium-6">Column D</div>
    <div class="column medium-6">Column E</div>
</div>

请查看 C列，因为它在所有断点上都是全宽，不需要有大小调整类，所以只需要＃34;列＆＃34;或＆＃34;列＆＃34;就足够了，但它仍然有一个额外的div而没有其他需要，除了有适当的大小/填充/边距以保持内容对齐上下行，所以...如果第二行是{{它更好1}}，就是那个。

您应该使用行列构造的情况;是的，我鼓励您使用该构造，避免使用<div class="row column">Column C, full width always</div>作为直接内容容器。

希望这有帮助。