单行省略
1 overflow: hidden; 2 text-overflow:ellipsis; 3 white-space: nowrap;
多行省略
1 display: -webkit-box; 2 -webkit-box-orient: vertical; 3 -webkit-line-clamp: 3; 4 overflow: hidden;
省略都需要width属性限制才能生效
如对本文有疑问, 点击进行留言回复!!
CSS实现loading小动画
CSS3 - 文本超出隐藏显示省略号(单行 / 多行)
css counter计数器与content总结
前端学习笔记(6)之css盒模型的细节知识点汇总
前端学习笔记(4)之css背景属性合集
PC端页面适配到移动端的问题(自动缩放PC端页面)
新版知乎x-zse-86加密破解分析
Flex 使用场景(二)
css3实现边框圆角内凹效果
【css】利用line-height实现垂直居中
网友评论