web-dev-qa-db-ja.com

HTMLテーブルセルの組み合わせ

3行3列のテーブルがあります。最後の行の列を組み合わせるにはどうすればよいですか？私のhtml：

<table>
  <tr><td></td><td></td><td></td></tr>
  <tr><td></td><td></td><td></td></tr>
  <tr><td>Here I need a cell by all width</td></tr>
</table>
htmlcsshtml-table
17
Alex Pliutau

colspan 属性を使用します。

<tr><td colspan="3">Here I need a cell by all width</td></tr>

Colspan属性は、セルがまたがる列の数を定義します。

行に対して同じことを行う関連属性 rowspan があります。

44
Oded

この正確な目的のために、colspan属性が作成されました。

<table>
  <tr><td></td><td></td><td></td></tr>
  <tr><td></td><td></td><td></td></tr>
  <tr><td colspan="3">Here I need a cell by all width</td></tr>
</table>

同様に、複数の行にまたがる場合は、rowspan属性を使用できます。

<table>
  <tr><td></td><td></td><td rowspan="3">Spans full table height</td></tr>
  <tr><td></td><td></td></tr>
  <tr><td></td><td></td></tr>
</table>

これら2つの属性の詳細については、公式の w3.orgのドキュメント にアクセスしてください。

また、表形式のデータを提示する必要がない限り、テーブルを使用しないことをお勧めします。

8
Alin Purcaru