首页 » HTML与CSS » 阅读文章

CSS强制中文、英文不换行与换行

2012-03-04 09:56 7871 0 发表评论
标签:

CSS代码:
.s1{ word-break:break-all; width:150px;}/*只对英文起作用,以字母作为换行依据*/
.s2{ word-wrap:break-word; width:150px;}/*–只对英文起作用,以单词作为换行依据*/
.s3{white-space:pre-wrap; width:150px;}/*只对中文起作用,强制换行*/
.s4{white-space:nowrap; width:10px;}/*强制不换行,都起作用*/
.s5{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100px;}//*不换行,超出部分隐藏且以省略号形式出现*/

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;不换行,超出部分隐藏且以省略号形式出现

注意,一定要指定容器的宽度,不然的话是没有用的。

本文地址:http://www.jwzzsw.com/archives/1080.html

文章作者:思悟
版权所有 © 转载时请以链接形式注明作者和原始出处!

评论 共0条 (RSS 2.0) 发表评论

  1. 暂无评论,快抢沙发吧。

发表评论

联系我 Contact Me

回到页首