4

流体コンテナ内の 'ul' 要素の最後の行を揃えるのに問題があります。コンテナをページの中央に正しく配置していますが、要素が完全に配置されていない場合、要素の最後の行を中央に配置してしまいます。解決策が思いつかないようです。

私は Twitter Bootstrap をコアで使用し、外側の div には container-fluid を使用しています。リスト要素を次のようにセンタリングします。

ul {
    text-align: center;
    list-style:none;
}

ul li {
    display: inline-block;
}

text-align: justify を使用して、div をマージンで中央揃えにしようとしましたが、ページのサイズ変更に伴って移動しないようです。提案?

何が起こっているかを示す 2 つのスクリーンショットを次に示します。

ここに画像の説明を入力

ここに画像の説明を入力

JS フィドルの例: http://jsfiddle.net/Z9uqQ/

最後の行は、1 と同じ垂直方向の端で左揃えにする必要があります。

ここに画像の説明を入力

4

1 に答える 1

0

私が正しく理解している場合margin: 0 auto

ul {
    width: 90%;
    margin: 0 auto;
}

デモ: http://jsfiddle.net/elclanrs/GdAvm/

于 2012-09-19T22:33:45.840 に答える