0

こんにちは私は、各リストアイテム内に整理されていないリストを持つリストアイテムを使用する中央フッターを設定しようとしています。float：leftを使用しようとすると、それらは互いにインラインになりますが、中央に配置されなくなります。私が現在持っているコードは次のようになります：css：

@charset "utf-8";
/* CSS Document */

* {
margin:0;
padding:0;
}
#box1 {
margin:0 auto;
background-color:#00FF66;
}
#mainList {
list-style-type:none;
text-align:center;
display:inline;
}
.mainLI {
display:inline;
}

html：

<div id="box1">
<ul id="mainList">
    <li class="mainLI">
        <p>Title</p>
        <ul class="subList">
            <li>item1</li>
            <li>item2</li>
            <li>item3</li>
        </ul>
    </li>
    <li class="mainLI">
        <p>Title</p>
        <ul class="subList">
            <li>item1</li>
            <li>item2</li>
            <li>item3</li>
        </ul>
    </li>
</ul>
</div>
4

2 に答える 2

0

css：

@charset "utf-8";
/* CSS Document */

* {
    margin:0;
    padding:0;
}
#box1 {
    margin:0 auto;
    background-color:#00FF66;
}
#mainList {
    list-style-type:none;
    text-align:center;
}

#mainList li, .mainLI p {
    display:inline;
}

例

センタリングに関する問題は、子をセンタリングする親要素がブロック要素でなければならないという事実にあります。MDNを参照してください

于 2012-05-09T18:43:27.820 に答える
0

これは、コンテンツがコンテナ内の text-align によって中央に配置されるためです。つまり、デフォルトではコンテナの 100% 幅ですが、フローティングの場合はそれよりも小さくなります。

とにかく、私はあなたが達成したいことを理解していませんか？リストアイテムを中央に配置したいが、同時にフロートさせたいですか? あなたは自分自身をもっと正確にできますか？

于 2012-05-09T18:33:37.627 に答える