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; //要显示的行数