单行和多行文字溢出处理方式

<p>text-overflow 属性指定当文本溢出包含它的元素时，应该如何显示。可以设置溢出后，文本被剪切、显示省略号 (...) 或显示自定义字符串（不是所有浏览器都支持）。</p>

p {
	width: 100px;
	text-overflow: ellipsis;// 显示省略符号来代表被修剪的文本
    white-space: nowrap; //文本不会换行，文本会在在同一行上继续，直到遇到标签为止
    overflow: hidden;// 超出部分隐藏
}

p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}