CSS自定义样式示例

自定义滚动条样式
1.修改自定义滚动条之前先要让元素被scroll组件包裹

  overflow：scroll

2.自定义样式：
设置宽度，设置滚动样式（不是滚动条组件本身样式）

    element ::-webkit-scrollbar {
        width: 8px;
    }

    element ::-webkit-scrollbar-thumb{
        background-color: rgb(200, 200, 200);
    }

设置内部组件垂直居中

      element{
            width:100%
            height:100%
            display: flex;
            align-items: center;
            justify-content: center;
     }