Dzwebs.Net

撰写电脑技术杂文十余年

css 中文英文折行

Admin | 2015-8-30 10:24:58 | 被阅次数 | 5230

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  网页中的英文或中文字符,使用下面的方法来实现折行与不折行。

  1. word-break:break-all;只对英文起作用,以字母作为换行依据

  2. word-wrap:break-word; 只对英文起作用,以单词作为换行依据

  3.white-space:pre-wrap; 只对中文起作用,强制换行

  4.white-space:nowrap; 强制不换行,都起作用

  5.white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不换行,超出部分隐藏且以省略号形式出现,注意,一定要指定容器的宽度,不然的话是没有用的。

  注意word-break 是IE5+专有属性

  语法:

  word-break : normal | break-all | keep-all

  参数:

  normal :  依照亚洲语言和非亚洲语言的文本规则,允许在字内换行

  break-all :  该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本

  keep-all :  与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本

  说明:

  设置或检索对象内文本的字内换行行为。尤其在出现多种语言时。

  对于中文,应该使用break-all 。


该杂文来自: 网页制作杂文

上一篇:JS利用cookie判断页面是否是第一次载入

下一篇:jquery使用自定义函数的多种方法

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计