css 限制文本單行或多行顯示 超出省略的實現方法

限制文本單行顯示的css代碼：

overflow: hidden; //屬性規定當內容溢出元素框時發生的事情 超出區域隱藏
white-space: nowrap; //屬性設置如何處理元素內的空白 nowrap規定段落中的文本不進行換行
text-overflow: ellipsis; //屬性規定當文本溢出包含元素時發生的事情。 ellipsis 顯示省略符號來代表被修剪的文本。

限制文本多行顯示的css代碼：

overflow:hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; //要顯示的行數