word-wrap可以自动中断连续的长引文字母,以防止撑破布局,只是这个属性是微软自己发明的,不被css2支持,所以firefox下处理这种问题一直比较烦人,要么是用css
overflow:auto; /*for firefox*/ word-wrap:break-word;/*for ie*/
通过overflow设置过长字母为滚动或者hidden,要么是用js控制,非常不方便。
因为准备为自己写一个简单一点的主题,发现word-wrap在firefox下面起作用了。一查原来微软也是css的成员,这个属性被添加到了css中,所以IE, Safari, and Firefox(高于 3.1 (Alpha))都支持这个属性了,看示例(来源):
This paragraph has long words thisisaveryverylongwordthatisntreallyoneword and again a longwordwithnospacesinit
This paragraph has long words thisisaveryverylongwordthatisntreallyoneword and again a longwordwithnospacesinit
注意:避免在<pre>内使用,如果你是在
<pre>标签内使用word-wrap属性的,firefox下会不起自动换行作用,用white-space: pre-wrap;
所以,虽然ie同学很恼人,但也是有贡献地。