表の固定レイアウトでは、1列の幅を他のものよりも広くする方法は？

Question

私はそれが固定テーブルレイアウトを持つことが可能かどうかと、他のすべてより幅が広い中に1つの列を持っているのだろうか？

私は助けていただきありがとうございます！ :)

ありがとう、 Piotr。

Answer 1

広い列に対応するTDタグのwidth属性を設定するだけです。

例：

<table width="650"> 
    <tr> 
     <td width="100">normal</td> 
     <td width="100">normal</td> 
     <td width="250">wide</td> 
     <td width="100">normal</td> 
     <td width="100">normal</td> 
    </tr> 
</table> 

Answer 2

だけスタイル= \ "幅：20％; \" を追加し、その列の目（またはTD）タグに。チェック[1]：

<table style="table-layout:fixed; border: 1px solid black; "> 
    <tr> 
     <th style="width:30% ">name</th> 
     <th style="width:70% ">Color</th> 
    </tr> 
    <tr> 
     <td>N1</td> 
     <td>red</td> 
    </tr> 
    <tr> 
     <td>N2</td> 
     <td>blue</td> 
    </tr> 
</table> 

[1] http://jsfiddle.net/AP5rL/1/

Answer 3

をあなたが異なる幅を必要とする列にクラスを追加することはできますか？その場合は、操作するためのクラスを使用することができます幅：

HTML

<table width="650"> 
    <tr> 
    <td>normal</td> 
    <td>normal</td> 
    <td class="wider">wide</td> 
    <td>normal</td> 
    <td>normal</td> 
    </tr> 
</table> 

CSS

td.wider { 
    width: 250px; 
}