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

我想知道是否有可能有一个固定的表格布局，并在中间有一列，宽度比所有其他...？在表固定布局如何给一个列宽度宽于所有其他？

我很感激任何帮助！ :)

谢谢， Piotr。

2011-07-12 Piotr

表与表格的布局可能的重复：固定;以及如何使一个列更宽]（https://stackoverflow.com/questions/6253963/table-with-table-layout-fixed-and-how-to-make-one-column-wider） – thigi

只需在对应于较宽列的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>

来源

2011-07-12 08:41:25

嗨，谢谢你你的答案，但它没有帮助...只要我在我的CSS：'table-layout：fixed;'它不会工作，但我需要宽度被固定，以便当我动态添加行到javascript表格，我的列不会调整大小，因为它看起来不好...其中一个需要比其他人更宽，虽然容纳更广泛的下拉选择元素。再次感谢，并希望得到更多的建议！ :) – Piotr

在这种情况下，我想你必须使用JS来解决它。 –

如何用js修复它，尽管...有什么想法？ – Piotr

只需添加样式= \ “宽度：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/

来源

2013-06-04 18:18:37 nabil828

你能添加一个类，需要不同宽度的列？如果是这样，你可以使用类来操纵宽度：

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; 
}

来源

2013-06-04 18:23:45 Deborah

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

回答

相关问题