<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呢,显示单行文本,如果长度超出以省略号的形式显示。
那么问题来了,如果多行文字,超出还要以省略号的形式显示怎么办呢?
那就自己截取吧,还有什么更好的办法没?