Question

我想知道是否可以使用固定的表格布局，并且中间有一列宽度比其他所有列宽？？

我很感激任何帮助！：）

谢谢，彼得。

Answer 1

只需在与较宽列对应的width标记上设置TD属性即可。

示例：

<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

只需将style = \“width：20％; \”添加到该列的th（或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;
}

在表固定布局如何只给一个列宽度比所有其他宽？

3 个答案: