分享
腾虎网络
2022-10-25
网页设计中怎样处理英文强制换行?

大家都知道在table的某一格里插入文本时,如果是中文当然是没有问题,当到达指定宽度时会自动换行,但如果是英文或数字之类的就会有问题了.因为它是以空格为英文单词间的区别,但是如果输入一长串英文,中间不含空格时,表格就变形了.但事实table的style里有一项可以让英文强制换行的,就是 word-break,当把这项设为break-all时大家就可以看到效果了.


第一次遇到这样的事情,我到网上查了下:

原来有很多人也遇到了同样的问题:

例如:

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa  aaaaaaaaaaaaaaaaaaaaaa


不能处理自动换行,将表格伸的很长很长,而汉字字符却可以自动换行。

其中的原因是:

英文字母之间如果没有空格,系统认为是一个单词,就不会自动换行。汉字就没有这种情况。

解决办法:用表格把要显示的内容装起来。

在需要强制单词换行的

break-word'”。

这样就可以了。

Div

中:

div

实现长英文字母自动换行CSSIE浏览器

#wrap{white-space:normal;

width:200px;

}或者

#wrap{word-break:break-all;width:200px;}

Firefox浏览器


示例代码:

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa