<div>
<h2>超出2行文字省略超出2行文字省略超出2行文字省略超出2行文字省略超出2行文字省略</h2>
</div>
div {
padding-top: 50px;
width: 300px;
height: 300px;
background: #ccc;
}
h2 {
display: -webkit-box; /* 设置display, 将对象作为弹性伸缩盒子模型显示 */
-webkit-line-clamp: 2; /* 限制在块元素中显示的文本行数 */
-webkit-box-orient: vertical; /* 规定子元素水平/垂直排列 */
overflow: hidden; /* 超出隐藏文本 */
text-overflow: ellipsis; /* 显示省略符号来代表被修剪的文本。 */
}
2.png
单行文本超出隐藏 多行文本超出隐藏
HTML CSS 效果 参考 有趣的CSS
单行文本超出隐藏 多行文本超出隐藏 结合scss 我们可以搞一个方便的超出隐藏css属性，当然没用scss的项目可...
一、css超出隐藏 1. 一行文本超出隐藏 width：200px; overflow:hidden; //超出的...
超出隐藏，不换行，省略号 overflow:hidden; //超出的文本隐藏 text-overflow:ell...
超出隐藏，不换行，省略号 overflow:hidden; //超出的文本隐藏text-overflow:el...
table自动合并边框 div文本超出隐藏＋... 单行隐藏 多行隐藏 计算属性
css3渐变生成工具 文本 text-overflow clip 隐藏超出文本 ellipsis 超出部分使用省略...
单行文本: 多行文本: 说明：-webkit-line-clamp用来限制在一个块元素显示的文本的行数。 为了实现...
使用CSS实现元素的文本超出隐藏，通常存在两种方式。 一种是超出直接隐藏内容，另一种是超出显示为省略号。 超出隐藏...
本文标题：2-文本超出2行隐藏
本文链接：https://www.haomeiwen.com/subject/mdqdvftx.html
网友评论