做网页时,为了页面美观,常常要规定表格的宽度,但有时当表格里的文字过长或过多时,表格不会自动换行,而是往有剩余间的单元格挤压,美观便无从说起。这种情况经常发生在使用PHP、ASP或JSP做论坛或留言薄的时候,因为你不知道发言者会发多少字的文章,而且你总不能把表格的宽度做到1000象素或者更宽吧?
经过笔者一番摸索,找到了一个比较好的方法来控制表格换行。在单元格元素<td>中加入style="word-break:break-all"能很好地解决这个问题,即将<td>改成<td style="word-break:break-all">。
不过在每个单元格进行这样的修改比较麻烦,你也可以在网页里定义CSS对所有的单元格进行设置:
<STYLE type="text/css">
TD{
word-break: break-all;
}
</style>
将上面的代码加到页面的<head></head>中,即可对页面上所有的单元格进行换行控制。
(DVOL本文转自:中国DV传媒 http://www.dvol.cn)