当前第2页 返回上一页
实现多行文本省略
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | <!DOCTYPE html>
<html>
<head>
<meta charset= "UTF-8" >
<title></title>
<style>
div {
margin: 0 auto;
width: 300px;
color: red;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
</style>
</head>
<body>
<div>多行文本省略多行文本省略多行文本省略多行文本省略多行文本省略多行文本省略多行文本省略多行文本省略多行文本省略多行文本省略多行文本省略多行文本省略多行文本省略多行文本省略</div>
</body>
</html>
|
结果
相关教程推荐:CSS视频教程
以上就是css如何实现文本多行省略号的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
css怎么设置按钮边框的颜色
css >什么选择器
用css怎么实现实现宽高比
浅谈css元素显示模式
css如何去掉color值
css单位是什么
css怎么设置背景图片布满全屏
如何解决webpack css url报错问题
纯css实现tab页切换效果
css盒子模型是什么意思?
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css如何实现文本多行省略号