自定义多行文字溢出方案

1.单行文字溢出点和点单行文字溢出是最常见的形式。可以使用text-overflow的省略号来实现点和点。overflow属性也是必不可少的，容器不能换行，否则就没有dots.ellipsis{width:300px;空白：nowrap；文本溢出：省略号；overflow:hidden;}2.多行文字随着内容的增多而溢出，单行文字不够用是的，多行文字是用的最多的地方。四个属性缺一不可，最重要的是-webkit-line-clamp，它直接定义了要显示的行数，.ellipsis{width:300px;显示：-webkit-box；-webkit-box-orient：垂直；-webkit-line-clamp:3;/*自定义行数*/overflow:hidden;}3.多行文本溢出自定义点是最常见的溢出省略方式，但是21世纪的设计师不满足于使用点对点的方式来实现省略，他们还需要在最后显示更多按钮，并在点击后显示全部内容。这个时候，我们就需要想办法了。下面的最终解决方案真是太棒了。请移步这里，听听大神的讲解。//dom结构腾讯公司成立于1998年11月，是目前领先的互联网增值服务提供商之一在中国。成立十余年来，腾讯始终秉承“一切以用户价值为中心”的经营理念，为亿万用户提供稳定优质的服务，始终处于稳健状态发展。2004年6月16日，腾讯控股有限公司在香港联交所主板公开上市（股票代码700）。