![](https://img-blog.csdnimg.cn/20210615103112820.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS
文章平均质量分 50
CSS
Chan998
这个作者很懒,什么都没留下…
展开
-
长文本处理
默认:字符太长溢出了容器字符超出部分换行字符超出位置使用连字符单行文本超出省略.ellipsis{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}多行文本超出省略.line-clamp{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-原创 2021-06-24 14:43:18 · 234 阅读 · 0 评论 -
水平垂直居中
单行的文本、inline 或者 inline-block 元素;固定宽高的块级盒子;不固定宽高的块级盒子;单行的文本、inline 或者 inline-block 元素;水平居中.parent { text-align: center;}垂直居中方法一:通过设置上下内间距一致达到垂直居中的效果:.single-line { padding-top: 10px; padding-bottom: 10px;}方法二:通过设置 height 和 line-he.原创 2021-06-24 14:30:42 · 74 阅读 · 0 评论