<table>のサイズを設定するベストプラクティスは何ですか？

Question

テーブルサイズを設定するのがベストプラクティスであることを知りたいのですが、セルの内容がテーブルから外に出ないように（特に水平に）、セル内にとどまるようにします。

要素レベルで幅や高さを設定する必要がありますか、それは要素と要素の両方で行う必要がありますか？

たとえば、この表：あなたはセル内のテキストを入れているように、セルの

<table> 
     <tr > 
      <td> 
       Name 
      </td> 
      <td> 
       Mr.Tuber 
      </td> 
     </tr> 

     <tr > 
      <td> 
       Surname 
      </td> 
      <td> 
       Tupova 
      </td> 
     </tr> 
</table> 

Answer 1

内容がある限り、テーブルの外に行くことは決してありません。

このような表を作成するには、CSSを使用して表の全体サイズと列の幅を設定するのが良い方法です。コンテンツを自動的に格納するために、テーブルを垂直に展開します。

<table class="table1"> 
     <tr> 
      <td class="col1"> 
       Name 
      </td> 
      <td class="col2"> 
       Mr.Tuber 
      </td> 
     </tr> 

     <tr> 
      <td> 
       Surname 
      </td> 
      <td> 
       Tupova 
      </td> 
     </tr> 
</table> 

CSS：

table.table1 { 
    width:500px 
} 

table1 .col1 { 
    width:200px 
} 

残されている場合、それはどのようなスペースを取るので、あなたは、特にCOL2を設定する必要はありません。タイトルセルにTDの代わりにTHを使用して、コンテンツセルとは異なるスタイルを設定することもできます。

.table1 th { ... }