html - HTMLテーブルの列幅の設定

Question

簡単なテーブルがあります。

<table border="1" width="100%">
        <tr>
                <th>Select</th>
                <th>Name</th>
                <th>Preview</th>
        </tr>

選択とプレビューが15pxになり、名前が残りの幅になるように幅を設定するにはどうすればよいですか？

Answer 1

ちょっと今、CSSで次のように定義できます

CSS

   .some{
    width:15px;
    }

HTML

<table border="1" width="100%">
        <tr>
                <th class="some">Select</th>
                <th>Name</th>
                <th  class="some">Preview</th>
        </tr>
</table>

ライブデモ http://tinkerbin.com/n4Q1NOXW

Answer 2

<table border="1" width="100%">
        <tr>
                <th width="15">Select</th>
                <th>Name</th>
                <th width="15">Preview</th>
        </tr>

Answer 3

として使用できます

<table border="1" width="100%">
   <tr>
        <th width="15px">Select</th>
        <th>Name</th>
        <th width="15px">Preview</th>
   </tr>

Answer 4

<table border="1px" width="100%">
   <tr>
        <th width="15px">Select</th>
        <th>Name</th>
        <th width="15px">Preview</th>
   </tr>
</table>​​​​​​​​​​​​​​​​​​​​​

サイズに応じて任意のサイズの画面でプレビューする場合は、「%」を使用してサイズを決定します。例えば

<table border="1px" width="100%">
   <tr>
        <th width="15%">Select</th>
        <th>Name</th>
        <th width="15%">Preview</th>
   </tr>
</table>​​​​​​​​​​​​​​​​​​​​​