html - HTML+CSS:結合/および偽の表形式

Question

HTML で表示したい階層テーブルがあります。<ul>およびタグは<ol>、階層的な部分に最適ですが、左端の列が階層的にインデントされている合計 2 つまたは 3 つの列が必要です。

• ふー
  • foo1
  • foo2
    • foo2a
  • foo3
    • foo3a
    • foo3b
• バー
  • バー1
    • bar1a
    • bar1b
  • バー2

しかし、各項目には、右側の列に対応する情報がいくつかあることも必要です。

HTMLとCSSでこれを行うにはどうすればよいですか?

Answer 1

テーブル付き。

しかし、各項目には、右側の列に対応する情報がいくつかあることも必要です。

それは表形式の情報です。

それ以外の場合は、<ol>/を使用<ul>して各要素を<dl>(定義リスト)にし、表形式に見えるようにスタイルを設定できます。たとえば、すべて<dd>を右にフロートさせることができます。

<ol>
  <li>
    <dl>
      <dt>element 1</dt>
      <dd>corresponding information 1.1</dd>
      <dd>corresponding information 1.2</dd>
    </dl>
  </li>
  <li>
    <dl>
      <dt>element 2</dt>
      <dd>corresponding information 2.1</dd>
    </dl>
  </li>
<ol>