0

Foundation での block-grid の使用法を知っています。たとえば、2 行 3 列などの不均一な div を作成したいと考えています。左側の列には、各行に 1 つの div があります。右側の列にも同じことが言えます。中央の列には、2 つの行の全長に拡張される div が 1 つだけある必要があります。Foundation 5でこれを行うことは可能ですか?

4

2 に答える 2

0

問題を正しく理解しているかどうかわかりません-コンテンツに関係なく、高さの列を一致させようとしていますか?

その場合、Foundation のイコライザー プラグインがこれを処理します。お役に立てれば ：）

Foundationのイコライザープラグイン

于 2015-01-16T11:05:36.537 に答える
0

ネストされたグリッドを使用して問題を解決できる可能性があります:

<div class="row">
  <div class="small-4 columns">
    <div class="row">
        <div class="small-12 columns">Nested</div>
        <div class="small-12 columns">Nested</div>
    </div>    
  </div>
  <div class="small-4 columns" style="background-color:green;color:white;">Middle<br>next row</div>
  <div class="small-4 columns">
    <div class="row">
        <div class="small-12 columns">Nested</div>
        <div class="small-12 columns">Nested</div>
    </div>    
  </div>
</div>
于 2015-05-03T10:52:44.870 に答える