CSS网页制作技巧:CSS纯英文数字自动换行
作者 佚名技术
来源 CSS技术
浏览
发布时间 2012-02-23
|
当一个定义了宽度的块状元素中填充的全部为纯英文或者纯数字的时候，在IE和FF中都会撑大容器，不会自动换行 并且当数字或者英文中带有汉字时，会从汉字处换行，而纯汉字却可以自动换行。这个问题如何解决？先来认识一下两位主角word-wrap和word-break word-wrap用来控制换行 两种取值： (1)normal (2)break-word（此值用来强制换行，内容将在边界内换行，中文没有任何问题，英文语句也没问题。但是对于长串的英文，就不起作用。） word-break用来控制断词 三种取值： (1)normal (2)break-all（是断开单词。在单词到边界时，下个字母自动到下一行。主要解决了长串英文的问题。） (3)keep-all（是指Chinese, Japanese, and Korean不断词，一句话一行，可以用来排列古诗哟~） 【解决方法】 可以在CSS中加入 word-wrap:break-word; word-break:break-all; |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
关于CSS网页制作技巧:CSS纯英文数字自动换行的所有评论
