css實現超長文字省略號處理(單行和多行)

當行超長文字處理方法：

<div style="width:150px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis">用CSS實現超長字段被省略的簡單方法</div>

效果如下圖所示：

注意：設置寬度，overflow:hidden, white-space:nowrap, text-overflow:ellipsis四個屬性缺一不可。這種寫法在所有的瀏覽器中都能正常顯示。

多行超長文字處理方法：

1. overflow : hidden;
2. text-overflow: ellipsis;
3. display: -webkit-box;
4. -webkit-line-clamp: 2;
5. -webkit-box-orient: vertical;