//一行省略号
.box{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
// >1 行的省略号
// line-clamp 可以把 块容器 中的内容限制为指定的行数.
.box{
display:-webkit-box; // 作为弹性伸缩盒子模型显示
-webkit-box-orient:vertical; // 设置伸缩盒子的子元素排列方式--从上到下垂直排列
-webkit-line-clamp: 2; // 显示的行 ,
overflow: hidden;
}
效果
多行省略号
文字超出省略号总结 效果
零：总结 手动触发-->改变属性 + transition属性说明=css过渡css写好触发->改变属性+ a...
transition 过渡 让css变化平滑一些属性： 语法： 栗子： transition的优点在于简单易用，但...
CSS的position总是属性很容易让人弄混~ 为了仔细区别它们，所以今天总结一下CSS的position属性~...
记录css属性 <1>box-sizing属性： 例子：div{ box-sizing:border-box;-...
字体属性 font 文本属性 text 背景属性 background 列表属性 list-style 盒子模型 ...
CSS-position系列属性 CSS-position系列属性总结，写记下来，希望对大家有帮助，供新人学习，老...
修改标签的显示类型 CSS属性 CSS属性-可继承属性 CSS属性-不可继承属性 CSS常用属性代码附录：
css样式-字体属性 css样式-背景属性 css样式-边框属性 css样式-列表属性 css样式-定位属性 cs...
学习目标 1、css属性和属性值的定义2、css文本属性3、css列表属性4、css背景属性5、css边框属性6、...
本文标题：易用的css属性总结
本文链接：https://www.haomeiwen.com/subject/hzvekftx.html
网友评论