前端

img feng_sundy

连串英文自动换行的方法

发表于2004/11/3 13:07:00  1883人阅读

分类: 学习笔记

简介:如果你正在制作论坛的话,你可能会遇到当用户输入一连串的英文时,表格不能对此进行自动换行,就会导致所在的元素被撑大了,造成了页面的不美观,如果你正在寻找简单的解决方法的话,看看下面的文章,注意只对IE5.5+有效果 
  1.显示效果与代码
 
[效果]
51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM

[代码] 
<table style="TABLE-LAYOUT: fixed" width="100%" border="0" cellspacing="0" cellpadding="7" bgcolor="#f7f7f7">
<tr> 
<td style="LEFT: 0px; WIDTH: 100%; WORD-WRAP: break-word"><font color="#990000">[效果]</font><br>
连串英文省略
</font></td>
</tr>
</table>  


  2.注意
 
[代码] 
style="LEFT: 0px; WIDTH: 100%; WORD-WRAP: break-word" 你可修改为指定的大小如 200px

[效果]
51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.
COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51
JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.CO
M51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS
.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM5
1JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.C
OM51JS.COM51JS.COM
阅读全文
0 0

相关文章推荐

img
取 消
img