HTML   发布时间:2022-04-14  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了修复了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表格中的列宽全部内容,希望文章能够帮你解决修复了HTML表格中的列宽所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。