下面给大家解释一下css如何实现两行显示之外的省略。相信朋友们也应该很关心这个话题。现在来说说css如何为好友实现两行显示之外的省略号。边肖还收集了关于css如何实现两行显示之外的省略的相关信息。我希望你看到后会喜欢。
Css实现了超越两行显示的省略方法：首先创建一个HTML样本文件；然后定义正文中的文本内容；最后，通过设置样式属性"-WebKit-line-clamp : 2；溢出：隐藏；”达到超越省略的效果。
本文的运行环境：Windows7系统，HTML5CSS3版本3，DELL G3电脑
CSS文本超出部分，超出两行，并显示超出部分的省略号。
多余的文本显示为省略号。
风格。p{
宽度： 200 px；
飞越：隐藏；
文本溢出：省略号；
空白： nowrap；
}
/style
身体
p=p
我是短信，我是短信，我是短信，我是短信，我是短信，我是短信，我是短信，我是短信，我是短信，我是短信，我是短信，我是短信，我是短信，我是短信，我是短信，我是短信，我是短信，我是短信，我是短信
/p
/body
文本超过两行，显示超出的省略号。
风格。p{
宽度： 200 px；
断字：全断；
文本溢出：省略号；
display :-WebKit-box；
-WebKit-box-oriented : vertical；
-WebKit-line-clamp : 2；/*这里多省略了几行*/
飞越：隐藏；
}
/style
身体
p=p
我是短信，我是短信，我是短信，我是短信，我是短信，我是短信，我是短信，我是短信，我是短信，我是短信，我是短信，我是短信，我是短信，我是短信，我是短信，我是短信，我是短信，我是短信，我是短信
/p
/body推荐学习：《css视频教程》以上是css如何实现两行之外的细节省略。请多关注php中文网站的其他相关文章！
来源：php中文网站
标签：
免责声明：本文由用户上传，如有侵权请联系删除！