大家都知道在table的某一格里插入文本时,如果是中文当然是没有问题,当到达指定宽度时会自动换行,但如果是英文或数字之类的就会有问题了.因为它是以空格为英文单词间的区别,但是如果输入一长串英文,中间不含空格时,表格就变形了.但事实table的style里有一项可以让英文强制换行的,就是 word-break,当把这项设为break-all时大家就可以看到效果了.
第一次遇到这样的事情,我到网上查了下:
原来有很多人也遇到了同样的问题:
例如:
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaa
不能处理自动换行,将表格伸的很长很长,而汉字字符却可以自动换行。
其中的原因是:
英文字母之间如果没有空格,系统认为是一个单词,就不会自动换行。汉字就没有这种情况。
解决办法:用表格把要显示的内容装起来。
在<table标签中加入“style='TABLE-LAYOUT:fixed'”,
在需要强制单词换行的<td标签中加入“style='word-WRAP:
break-word'”。
这样就可以了。
Div
中:
div
实现长英文字母自动换行CSSIE浏览器
#wrap{white-space:normal;
width:200px;
}或者
#wrap{word-break:break-all;width:200px;}
Firefox浏览器
示例代码:
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
金秋10月大放价,建站推广无门槛优惠,名额有限,现在合作另有好礼相赠!点击领取优惠