CSSで表示オプションを使用すると数字と箇条書きが削除されます

Question

私は、順序付きリストまたは順序付けられていないリストを持つ簡単なページを作成し、CSS表示を適用するとhtml5とcss3を学んでいます。ブロックする。それは誰か知っているのですか？

Answer 1

リストスタイルの箇条書きは、適用される要素のdisplay: list-itemでのみ動作します。このプロパティはデフォルトでli要素に適用されます。この要素は現在display: inline or blockを適用してオーバーライドしています。したがって、リストスタイルのアイコンはなくなります。

Answer 2

リスト項目だけが箇条書き/番号ポイントを持つためです。インラインボックスやブロックボックスには箇条書きを付けるのは意味がありません。そのようなものはどちらもリスト項目ではないからです。

リストアイテムはdisplay: list-itemです。それは彼らに弾丸/数点を与えるものです。

Answer 3

この回答は複数回返されました。ここにone of the best answerがあります。Martijn Pieters

ただし、あなたはこのようなものを使用することができ、それは運動するでしょう。

ul.columns>li:before { content:'\ffed'; margin-right:10px; } 

または

また、背景画像を使用することができます。しかし、私は前者の方法を提案したい。

Answer 4

代わりに の表示：インライン;あなたは フロートを適用することができます

は、Liに委ね、それ

例：へのパディングを与えます。 ul li { float：left; パディング：0 25px 0 0; }