css 自动换行、多行溢出显示省略号

笔记心得 0

自动换行

word-break:break-all;只对英文起作用,以字母作为换行依据
word-wrap:break-word; 只对英文起作用,以单词作为换行依据
white-space:pre-wrap; 只对中文起作用,强制换行


强制不换行,都起作用

white-space:nowrap;


单行显示溢出显示省略号

overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;


多行显示溢出显示省略号(部分浏览器支持)

overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;