1

順序付けされてい<dl>ない説明リストがあるため、それぞれの前に箇条書きを表示する必要があります<dt>

編集:明確にするために、私は<dt>-<dd>ペアの順序付けられていないリストを持っています。それらは1つのリスト項目のように表示され、その<dt>前に箇条書きが表示されます。

このリストに箇条書きを適用するには、次の2つの方法が考えられます。

  1. 周りに、そしてアイテムの<ul>周りに置く<dt><li>s
  2. <dt>'sCSS:before pseudo-selectorを使用して、箇条書きの内容を指定します

箇条書きの説明リストを作成するためのより良い方法はどれですか?

ご回答ありがとうございます。

4

2 に答える 2

0

私が同様の問題をぶち壊したことに基づいて、この<dl>タグはリストの箇条書きをサポートしていないようです。それはhtmlリストなので、これは残念です。(そして、誰もそれを文書化していないようです。)

幸いなことに、他のコード ブロックでリストを中断することはそれほど難しくありません。そして、<br />タグがあります。そう....

CSS:

ul.listPlayed {
     list-style-type: square;
}

HTML:

<ul class="listPlayed">
    <li>1st Game<br />
    Description of first game.<br />
    <a href="#">Wikipedia</a><br />
    <a href="#">Official page</a></li>
</ul>

したがって、すべてのテキストを<li>タグ内に配置し、そのセット内でフォーマットします。

于 2018-10-13T13:32:57.690 に答える
-3

単純に順序付けされていないリストを使用してみませんか?あなたがいない特別な理由はありますか?

しかし、あなたの質問に答えるために、あなたは使うことができます:

<dt>
   <dd style='display:list-item;'> Content </dd>
   <dd style='display:list-item;'> Content </dd>
</dt>

ブラウザ間の互換性についてはよくわかりません。

于 2012-07-18T05:52:33.893 に答える