1

Web サイトのどこかに後戻りできない変更を加えました。何らかの理由で、失われた CSS3 の箇条書きがすべての水平方向のリストにグローバルに含まれています。しかし、とにかく、このコードは機能するはずだと私には思えます...しかし、float: left を使用すると、弾丸が失われ、それらを保持できません。float: left で弾丸を保持できない理由を教えてください。

ul#info {
    padding-top: 20px;
    text-align: center;
    color: white;
}

ul#info li:first-child {
    list-style: none;
}

ul#info li {
    list-style: disc;
    float: left;
    padding-right: 10px;
    font-size: 20%;
    list-style-position: inside;
}
4

4 に答える 4

2

要素をフローティングするとブロック ボックスに変更され、 noneに設定されていない限り、表示タイプは無視されます。要素はdisplay: list-itemもう存在しないため、リスト関連のプロパティのいずれも影響しません。

次のように、 before 疑似要素に独自のディスクを挿入できます。

http://jsfiddle.net/eyDc6/

li {
    display: inline-block;
}

li:before {
    content: "\2022";
}
于 2013-02-11T21:49:54.730 に答える
1

箇条書きが ul の左端に隠れています。ブラウザーがリストをフロートする場所を決定するときに、箇条書きの幅は考慮されません。左パディングやマージンを追加してみてください。

編集：私はこれが起こるのを見ましたが、そうではありません。回避策として、いつでも css :before セレクター ( http://www.w3schools.com/cssref/sel_before.asp ) を使用できます。

于 2013-02-11T21:04:21.120 に答える
0

この場合display: inline-blockの代わりに使用してみてくださいfloat:left

于 2013-02-11T21:03:42.127 に答える