基于table表格页面编写使用

1.在当该表格中出现长度比列幅宽的半角字符时,td的宽度会被内容撑破?

解决此问题的方法是:在明细行的td中,追加style="word-wrap:break-word;"

这样做可以使半角连续字符强制换行,不至于撑破列宽。

<td  align="left" width="150px" style="word-wrap:break-word;"></td>
//需要对width宽度的td列进行设置宽度,是无法生效还是会被撑破td的
//在定义表格时,追加style="table-layout:fixed;",
//这样是半角连续字符强制换行,不至于撑破列宽
//注意不要使用tr行或td(列)加入height属性,会使table不再被内容撑出适合的宽度

<table width="95%" border="1" cellpadding="2" cellspacing="1"
 style="table-layout:fixed;">
....
</table>
//这种适用在IE与火狐浏览器

 

posted @ 2022-03-05 21:54  cc-front  阅读(74)  评论(0)    收藏  举报