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

例

<p>标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体。/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;
}

注：百度pc端实现方式其实是通过后台计算得出的…返回文本直接p标签显示，为了兼容性，实际开发中也可设置p的height和line-heigh控制文本显示行数，然后设置overflow:hidden，但是这样没有…效果，上面的现实方式用的是css3中的属性，主要是在移动端或者新的浏览器版本