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