您的位置:首页 > Web前端 > CSS

css下的文本长度控制

2014-12-24 14:10 190 查看
<span style="font-family: Arial, Helvetica, sans-serif;">./**</span>
*****强制换行
*/
.break-all {
word-break: break-all;
word-wrap: break-word;
}

什么情况下使用强制换行呢?我们要显示多行文本,文本可能出现一长串的数字或者英文,这个情况下,会出现不换行的现象,此种情况使用。

/*不换行,超出部分隐藏且以省略号形式出现*/
.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; /*强制不换行*/
}


什么情况下使用这个css呢,显示单行文本,如果长度超出以省略号的形式显示。

那么问题来了,如果多行文字,超出还要以省略号的形式显示怎么办呢?

那就自己截取吧,还有什么更好的办法没?
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: