修复了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 s 我有一个 HTML表,在 PHP循环中添加了行.这就是循环体的样子

<tr>    <td ><?PHP echo $a; ?></td>    <td ><?PHP echo $b; ?></td>    <td ><?PHP echo $c; ?></td>    <td ><?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表格中的列宽全部内容，希望文章能够帮你解决修复了HTML表格中的列宽所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。