html - CSSのみを使用して箇条書き記号なしでHTMLリストを表示するにはどうすればよいですか?

Question

HTMLリストがあります。ブラウザはリストの存在を確認し、それに応じて要素を配置する必要がありますが、各要素の横に黒丸を表示したくありません。つまり、通常のリストは次のようになります。

テキスト A

テキストB

テキスト C

リストを次のように表示したい:

テキストA
テキストB
テキストC

score 21 · Accepted Answer

ul { list-style: none; }

それは箇条書きを取り除きます。これで、例のようにスタイルを割り当ててスペースを空けることができます。それが本当に必要な場合:

li { padding: 5px 0; }

箇条書きを削除した後にリストをインデントしたくない場合は、次のようにさらに少し時間がかかります。

ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

マージンとパディングの両方を 0 に設定しないと、FF または IE で正しく表示されますが、両方では正しく表示されません。

score 3 · Accepted Answer

あるいは、定義用語 (要素)なしで定義リスト( dl、dt、 ) を使用することもできます。dddt

<dl>
    <dd>text A</dd>
    <dd>text B</dd>
    <dd>text C</dd>
</dl>

しかし意味的には、順不同のリスト ( ul, li) の方が特定の目的に適していると思います :) Erik が説明したように、優れた CSS の一部だけを使用してください。

score 3 · Accepted Answer

3

使用する

list-style:none;

< ul > タグのスタイルで

于 2010-01-26T13:15:03.717 に答える

score 0 · Accepted Answer

<ul style="list-style-type:none"></u>

スタイルタイプを none に設定すると、箇条書きは表示されません。

score -1 · Accepted Answer

-1

リストスタイルタイプ: アッパーローマン;

于 2010-01-26T13:16:10.767 に答える

5 に答える 5