首页 » HTML与CSS » 阅读文章
CSS强制中文、英文不换行与换行
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;不换行,超出部分隐藏且以省略号形式出现
注意,一定要指定容器的宽度,不然的话是没有用的。
评论 共0条 (RSS 2.0) 发表评论