ホームページ  >  記事  >  ウェブフロントエンド  >  CSS で list-style-type が常に失敗するのはなぜですか?

CSS で list-style-type が常に失敗するのはなぜですか?

黄舟
黄舟オリジナル
2017-06-29 13:36:102858ブラウズ

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。