Question

我有一个Foundation框架网格，我在一行中设置了2列。我正在经历从第一列到下一列的不必要的换行符。问题存在于＆＃34;大＆＃34;屏幕尺寸。第一列是＆＃34; large-2＆＃34;第二个是大型4大中心＆＃34;由于某种原因，第二列中的图像似乎低于第一列h2元素的换行符，而不是它应该的行。当然除非另有说明，否则每列的内容应与行的顶部对齐？

Here's the codepen

Answer 1

你需要删除＆＃34;大中心＆＃34; ＆＃34;换行的第二列中的类＆＃34;消失，或将第二列放在自己的行中。每行只能有一个CENTERED列，请参阅Grid docs。

<div class="row">
  <div class="small-3 small-centered columns">3 centered</div>
</div>
<div class="row">
  <div class="small-6 large-centered columns">6 centered</div>
</div>
<div class="row">
  <div class="small-9 small-centered large-uncentered columns">9 centered</div>
</div>
<div class="row">
  <div class="small-11 small-centered columns">11 centered</div>
</div>

基线换行问题

1 个答案: