【css】css文本換行與溢出顯示爲省略號

1 強制換行

word-wrap: break-word;

2 單行文本溢出時顯示爲省略號

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

+width,height根據須要設定

3 多行文本溢出時顯示爲省略號

（僅webkit內核支持，手機端可嘗試，android和ios默認瀏覽器都爲webkit內核，微信瀏覽器也爲webkit內核）

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

最後一個-webkit-line-clamp屬性爲指定溢出的行數