table-layout:列幅レイアウト

table-layout:auto	テーブル（表）の列幅を自動レイアウトにする（初期値）
table-layout:fixed	テーブル（表）の列幅を固定レイアウトにする

例で使っている、色とかの設定

.sample_td_l{
 background-color:#F0FFF0;
}
.sample_td_r{
 background-color:#fff;
}
.sample_tbl{
 width:80%;
}

---

table-layout: auto;の場合

デュープリズム	1999年10月14日あいうえおかきくけこさしすせそ
ゼノギアス	1998年2月11日

<table style="table-layout: auto;" class="sample_tbl">
 <tr>
  <td class="sample_td_l" >デュープリズム</td>
  <td class="sample_td_r">1999年10月14日あいうえおかきくけこさしすせそ</td>
 </tr>
 <tr>
  <td class="sample_td_l" >ゼノギアス</td>
  <td class="sample_td_r">1998年2月11日</td>
 </tr>
</table>

---

table-layout: fixed;の場合

デュープリズム	1999年10月14日あいうえおかきくけこさしすせそ
ゼノギアス	1998年2月11日

<table style="table-layout:fixed;" class="sample_tbl">
 <tr>
  <td class="sample_td_l" >デュープリズム</td>
  <td class="sample_td_r">1999年10月14日あいうえおかきくけこさしすせそ</td>
 </tr>
 <tr>
  <td class="sample_td_l" >ゼノギアス</td>
  <td class="sample_td_r">1998年2月11日</td>
 </tr>
</table>

 

関連記事