word-wrap可在firefox自动换行

Posted By: agon,  Published:December 13th, 2009   

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同学很恼人,但也是有贡献地。

本文暂无回复

添加回复

你的回复