1

zurb の基盤を使用すると、div を使用して可変列幅のフォームを簡単にスタイルできます。dl を使用して同じことを行う必要があります。たとえば、- dt を使用して zurb グリッドの 2 つの列を展開します (16.7%) - リストのすべての dd で残りの 10 列を埋めます (83.3%)

パディングとマージンを使用して固定幅の列を使用し、親の dd 内に dt なしで 2 番目の dl をネストするソリューションを見つけました。現在推奨されている、私が見つけた最後の代替手段は、dl を 2 倍にするだけです。

<div class="row">
    <div class="small-2 columns">
        <dl class="sub-nav" input-radio>
            <dt>Scope:</dt>
        </dl>
    </div><!-- col -->
    <div class="small-10 columns">
        <dl class="sub-nav" input-radio>
            <dd class="active"><a href="engine" value="videodb">videoDB</a></dd>
            <dd><a href="engine" value="imdb">IMDB</a></dd>
            <dd><a href="engine" value="amazon">Amazon</a></dd>
        </dl>
    </div><!-- col -->
</div><!-- row -->

ネストされた dls を必要としない可変幅のソリューションはありますか?

4

0 に答える 0