修复了HTML表格中的列宽

前端之家收集整理的这篇文章主要介绍了修复了HTML表格中的列宽前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个 HTML表,在 PHP循环中添加了行.这就是循环体的样子
<tr>
    <td style="width:220px"><?PHP echo $a; ?></td>
    <td style="width:150px"><?PHP echo $b; ?></td>
    <td style="width:70px"><?PHP echo $c; ?></td>
    <td style="width:70px"><?PHP echo $d; ?></td>
</tr>

问题是,当任何行的第二列中的内容稍微大时,第二列的宽度超过150px,并且为了补偿第一列的宽度减小.我怎样才能防止这种情况发生.我希望宽度不变,如果任何特定单元格中的内容太大而不适合,高度应该增加以适应.

解决方法

你应该尝试这个CSS指令:
td { word-wrap: break-word; }

在许多浏览器中都可以使用(是的,包括IE 6,甚至是IE 5.5,但不是Fx 3.0.它只能被Fx3.5识别.对Saf,Chr和Op也有好处,但我不知道这些版本的确切版本)和不要对其他人造成任何伤害.

如果表的宽度仍然混乱,还有:

table { table-layout: fixed; }
th,td { width: some_value; }

这将强制浏览器使用其他表格算法,它不会尝试适应许多情况,包括尴尬的情况,但坚持样式表所说的.

猜你在找的HTML相关文章