css 强制不换行，超出长度显示滚动条并重写滚动条样式

最新推荐文章于 2024-09-19 16:03:40 发布

Damien_J

最新推荐文章于 2024-09-19 16:03:40 发布

阅读量921

点赞数

分类专栏： css Angular Primeng 文章标签： css 前端 javascript

本文链接：https://blog.csdn.net/Damien_J_Scott/article/details/130623819

版权

Angular 同时被 3 个专栏收录

26 篇文章 0 订阅

订阅专栏

Primeng

12 篇文章 1 订阅

订阅专栏

css

4 篇文章 0 订阅

订阅专栏

这个写了很多次了，有时候又需要回忆下具体参数，就直接干脆一步到位记录下

最终效果，滚动条颜色可以css修改，在一个table里面的td

因为我用的是primeng所以是p-table，也可以直接使用table

   p-table {
      td {
        white-space: nowrap;
        overflow-x: auto;
      }
      td::-webkit-scrollbar {
        height: 4px;
        //width: 4px;
      }

      td::-webkit-scrollbar-thumb {
        background: rgb(65 53 243 / 45%);
        border-radius: 25px;
      }

      td::-webkit-scrollbar-track {
        background: rgba(0,0,0,0.1);
        border-radius: 25px;
      }
    
    }

关于重写滚动条css具体可以看我这篇blog

https://blog.csdn.net/Damien_J_Scott/article/details/120636704