css中文英文换行、禁止换行、显示省略号

 

css中文英文换行

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

 

css 省略号

.text2 {
  width:200px;
  word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}