css3技术

CSS网页制作技巧:CSS纯英文数字自动换行_div+css教程

字号+ 作者:H5之家 来源:H5之家 2015-09-16 17:12 我要评论( )

CSS网页制作技巧:CSS纯英文数字自动换行,学习CSS网页制作技巧:CSS纯英文数字自动换行,CSS网页制作技巧:CSS纯英文数字自动换行,查看CSS网页制作技巧:CSS纯英文数

以下是:CSS网页制作技巧:CSS纯英文数字自动换行教程讲解

当一个定义了宽度的块状元素中填充的全部为纯英文或者纯数字的时候,在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;

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • css网页布局兼容性有哪些要点与诀窍?_div+css布局教程

    css网页布局兼容性有哪些要点与诀窍?_div+css布局教程

    2015-09-28 12:12

  • css网页布局兼容性有哪些要点与诀窍?_div+css布局教程

    css网页布局兼容性有哪些要点与诀窍?_div+css布局教程

    2015-09-28 12:12

  • CSS网页布局开发应该使用什么软件比较好?_div+css布局教程

    CSS网页布局开发应该使用什么软件比较好?_div+css布局教程

    2015-09-27 16:10

  • CSS网页布局时常犯的错误_div+css教程

    CSS网页布局时常犯的错误_div+css教程

    2015-09-17 16:56

网友点评