再说word-break: break-all;

来源:百度文库 编辑:神马文学网 时间:2024/04/27 21:14:55
今天网友 Dcboy 和我提到一个Bug,他说他的编辑框变形了。后来我看了他的代码发现编辑框没有自动换行。被文章中的英文撑开了。
于是我告诉他,让他在skin的CSS里加上 word-break: break-all; 问题解决了。这个问题只有IE才有,我在FF下测试,FF可以自己加滚动条,这样也不影响效果
建议大家做Skin时,记得在body里加 word-break: break-all; 这样可以解决IE的框架被英文撑开的问题
以下引用word-break的说明, 注意word-break 是IE5+专有属性
语法:
word-break : normal | break-all | keep-all
参数:
normal :  依照亚洲语言和非亚洲语言的文本规则,允许在字内换行
break-all :  该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all :  与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本
说明:
设置或检索对象内文本的字内换行行为。尤其在出现多种语言时。
对于中文,应该使用break-all 。
对应的脚本特性为wordBreak。请参阅我编写的其他书目。
示例:
div {word-break : break-all; }
[本日志由 puterjam 于 2005-12-21 01:34 AM 编辑]
文章来自:本站原创
引用通告地址:http://www.pjhome.net/trackback.asp?tbID=506
Tags:cssskin
评论: 6 |引用: 4 | 查看次数: 3589
1 |2 |>
xyhhxx [2007-01-30 08:02 AM]
这么多的标准 苦了设计人员和程序员了 还是觉得ie好点
by 小雨
Nukq [2006-09-26 01:24 AM]
各个浏览器兼容的超长文字自动换行功能 (PHP实现)
请阅读
网页中超长文字的断行问题
黑鹰之梦 [2006-08-04 10:17 AM]
标题: word-break 学习
链接:http://korsen.f2blog.com/
摘要: 当初我也没有考考虑这个。另外,这是测试引用。你可以删除,谢谢。
订做回忆 [2006-01-08 06:58 AM]
标题: 再说 word-break: break-all;
链接:http://www.showerror.com/blogview.asp?logID=235
摘要: 今天网友 Dcboy 和我提到一个Bug,他说他的编辑框变形了。后来我9...
tonny [2005-12-30 06:26 PM]
晕倒。。。你也没加啊!!!
tonny [2005-12-30 06:25 PM]
还是无法换行啊。。。。。。。。
kan kna
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
番茄‘s blog [2005-12-20 10:46 PM]
标题: 再说word-break: break-all;
链接:http://www.tblog.com.cn//default.asp?id=230
摘要: 以下文字来自舜子的BLOG,转帖一下: 今天网友 Dcboy 和我提到一...
呆呆兽 [2005-12-20 01:01 PM]
大哥~那侧边会到下面去的那个问题呢?有办法解决吗?