css常用（1）:解决高度塌陷、文本省略号、隐藏滚动条

Astar stars

于 2023-02-22 18:59:44 发布

阅读量90

点赞数 1

分类专栏：常用css 文章标签： css 前端 html

本文链接：https://blog.csdn.net/astar2022/article/details/129168388

版权

常用css 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1.解决高度塌陷

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

2.文本省略号

 多段文档隐藏(省略号)
 { 
     word-break: break-all;
     overflow: hidden;
     //溢出转换省略号
     text-overflow: ellipsis;
     //将盒子转换成一个基于webkit的盒子
     display: -webkit-box;
     //盒子对象子元素的排列方式为垂直排列
     -webkit-box-orient: vertical;
     //设置第几行转换小数点
     -webkit-line-clamp: 3;
}

3.隐藏滚动条

{
      scrollbar-width: none; /* firefox */
      -ms-overflow-style: none; /* IE 10+ */
      // &是当前设置滚动条的标签
      &::-webkit-scrollbar {
      display: none; /* Chrome Safari */
      }
}

本人写网页常用的css集合，建议收藏持续更新！！！