设置HTML表格列宽

Question

我有一张简单的桌子。

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

如何设置宽度，使Select和Preview为15px，Name为剩余宽度???

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>​​​​​​​​​​​​​​​​​​​​​