8

財団のウィザード、

デフォルトの 12 列のグリッドで 10 列の要素を中央に配置するのに苦労しています。

編集：コードをもう少し記入してください

どちらの側にも1つの列を配置しようとしましたが、役に立ちませんでした:

<div class="row">

<div class="large-1 column"><p></div>

<div class="large-10 columns">
<div class="row>five large-2 columns in here</div>
<div class="row>five large-2 columns in here</div>
<div class="row>five large-2 columns in here</div>
</div>

<div class="large-1 column"><p></div>

</div>

私の目標は、その 3x5 グリッドをページのちょうど中央に配置することです。現在、1 列は 10 列を中央にパディングしていません。

4

2 に答える 2

11

large-centeredクラスを含めるか、必要に応じて div を中央にsmall-centered配置します。

<div class="large-10 large-centered columns">
    five 2 columns in here
</div>

また、div のコンテンツを中央に配置する場合は、F4 に含まれるクラスをlarge-10追加できます。text-center

<div class="large-10 large-centered columns text-center">
    five 2 columns in here
</div>

column divsまた、クラスをa でラップすることを忘れないでください。そうしないrow divと、columnsクラスが機能しなくなります。例としてこのフィドルを参照してください。

于 2013-04-11T05:19:32.320 に答える
0

テキストを列の中央に配置しようとしていますか、またはページの div を中央に配置しようとしていますか (左右のマージンを等しくします)。

div (およびその内容ではない) を中央に配置しようとしているだけの場合、これは機能します。

            <div class="row">
                <div class="columns one"></div>
                <div class="columns ten">
                    test
                </div>
                <div class="columns one"></div>
            </div>
于 2013-04-11T05:07:12.590 に答える