1】html5代码
<body>
<div class="hhh">单行末尾为省略号ssssssssssssssssssssssssssssssssssssssss</div>
<p><a href="#">ljxx.复制到 t 网 a 页编 o 辑器 b 当中 a 可以 o 直接.运co行m</a></p>
<div class="text2">html5当中，当文本超出两行的时候，第二行的末尾用省略号表示！</div>
</body>
2】css代码
<style>
/*设置单行文字如果超出用省略号表示*/
.hhh{
width: 200px;
overflow: hidden; /*超出的隐藏*/
white-space: nowrap;
text-overflow:ellipsis; /*超出的设置为省略号*/
background-color: lightblue;
padding: 10px;
}
/*设置单行文字如果超出2行用省略号表示*/
.text2 {
width:220px;
word-break:break-all;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
background-color: burlywood;
}
</style>
扫一扫
6525
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
