表格单元格(TD)动态调整大小到列中最长单词的宽度。什么风格导致这个?

时间:2012-10-17 18:11:46

标签: html css html5 layout

Webkit检查员无法告诉我为什么我的表格单元格不符合width样式。我可以让它们伸展以适应整条线(通过设置white-space: nowrap或拉伸以适应最长的单词,但我只想让单元格宽度为一些像素。

2 个答案:

答案 0 :(得分:3)

尝试将table-layout: fixed;添加到表格的CSS声明中。

答案 1 :(得分:3)

首先,看看这个:

Fixed Table Cell Width

现在,

对于固定单元格大小(<td>)使用:

<col width="50px"/>

之前

<tr>

或者,使用:

<table width = 100>

OR

<table style="width:100px">

修复表格大小。

在这些情况下,css中“自动换行”属性的“break word”值非常有用:

word-wrap:break-word