css3技术

CSS纯英文数字自动换行_div+css教程

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

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.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 如何处理图标文字的混排?_div+css布局教程

    如何处理图标文字的混排?_div+css布局教程

    2015-09-28 14:11

  • 学习Web标准不要对IE抱有偏见_div+css布局教程

    学习Web标准不要对IE抱有偏见_div+css布局教程

    2015-09-28 12:00

  • 如何规范的对CSSsel_div+css布局教程

    如何规范的对CSSsel_div+css布局教程

    2015-09-27 18:00

  • 如何规范的对CSSsel_div+css布局教程

    如何规范的对CSSsel_div+css布局教程

    2015-09-27 18:00

网友点评