网页设计中长串英文字符自动换行

作者：佚名    教程来源：不详    点击数：加载中...    更新时间：2008-4-26 字体:[大 中 小]

在一个单元格内,中文字符如果超出了单元格的宽度,都会自动换行,但奇怪的是,如果全是英文的话,不过你将TD的宽度设为多大,英文字符都不会自动换行,只会一直延伸.如果做英文站点,动态输出内容,这个就麻烦了.
幸好有个简单的办法可以解决:就是用CSS.只需用到:word-break:break-all就可以了.

例如:
<table style="table-layout:fixed">
<tr>
<td width="100" style="word-break:break-all">testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttestte
sttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest</td>
</tr>
</table>