ホームページ > 記事 > ウェブフロントエンド > CSS で list-style-type が常に失敗するのはなぜですか?
list-style 属性は通常 none に設定されます。 「・」やその他の記号を追加する必要がある場合は、キーボードで直接入力するか、エスケープ記号を使用するのが最善です
ul{list-style:none; margin:0; padding:0} ui li{line-height:Npx; } 一般是20px;
このように設定しておけば、基本的には問題ありません。
一般に、Li{list-style:none;}
は、使用する必要がある場合にCSSで個別に定義されます
li{background:url(…);}
(2) list-style-typeが常に失敗する理由を議論してください。
重要なのは、 float:left; 属性と list-style-position:Outside; 属性の適用です。理由は次のとおりです:
1. 左にフローティングすると、ボックス モデルが 1 つずつ水平方向にリハーサルされます。
2. リスト シンボルの位置がボックス モデル
の外側にあるため、2 番目のリスト項目のシンボルは次のようになります。最初のリスト項目でカバーされています Live
解決策:
[code="css"] li { list-style-position: inside; } [/code]
以上がCSS で list-style-type が常に失敗するのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。