0

HTMLで2行複数列のテーブルを作成しようとしています。最初の行には、各列に2つではなく、1つのスペースだけを含める必要があります。テーブル全体のタイトルスペースになります。

例:(仕様はタイトルです）

[Specifications]
[Power         ][200 Lumens                       ]
[Lamp          ][4 Ultrabright LEDs, Maxbright LED]
[Burn Time     ][150 Hours                        ]
4

3 に答える 3

3

使用するcolspan="2"

<table border="1">
    <tr>
    <th colspan="2">Specifictaions</th>
    </tr>
    <tr>
        <td>Power</td>
        <td>200 Lumens</td>
    </tr>
    <tr>
        <td>Lamp</td>
        <td>4 Ultrabright LEDs, Maxbright LED</td>
    </tr>
    <tr>
        <td>Burn Time</td>
        <td>150 Hours</td>
    </tr>
</table>

フィドル： http： //jsfiddle.net/tCvBn/

スクリーンショット

于 2013-01-11T00:56:37.867 に答える
2

これがあなたが探しているものだと思います！これがデモです

<table width="100" border="1">
    <tr>
        <th colspan="2">Foo</th>
  </tr>
  <tr>
    <td>Foo</td>
    <td>Bar</td>
  </tr>
  <tr>
    <td>Foo</td>
    <td>Bar</td>
  </tr>
  <tr>
    <td>Foo</td>
    <td>Bar</td>
  </tr>
</table>
于 2013-01-11T00:55:12.410 に答える
1

テーブルにセクションが1つしかない場合（つまり、すべてのテーブルの内容は仕様です）、おそらくcaption要素を使用してそれをマークアップします。

<table>
  <caption>Specifications</caption>
  <tr>
    <th scope="row">Power</th>
    <td>200 Lumens</td>
  </tr>
  <tr>
    <th scope="row">Lamp</th>
    <td>4 Ultrabright LEDs, Maxbright LED</td>
  </tr>
  <tr>
    <th scope="row">Burn Time</th>
    <td>150 Hours</td>
  </tr>
</table>

複数のセクションがある場合は、スパニングを使用します（<th scope="col" colspan="2">...テーブルヘッダー：

<table>
  <tr>
    <th scope="col" colspan="2">Specifications</th>
  </tr>
  <tr>
    <th scope="row">Power</th>
    <td>200 Lumens</td>
  </tr>
  <tr>
    <th scope="row">Lamp</th>
    <td>4 Ultrabright LEDs, Maxbright LED</td>
  </tr>
  <tr>
    <th scope="row">Burn Time</th>
    <td>150 Hours</td>
  </tr>
  <tr>
    <th scope="col" colspan="2">Some Other Section</th>
  </tr>
  <tr>
    <th scope="row">Foo</th>
    <td>Bar</td>
  </tr>
  <tr>
    <th scope="row">Baz</th>
    <td>Qux</td>
  </tr>
</table>

フィドル

于 2013-01-11T02:33:00.727 に答える