zoukankan      html  css  js  c++  java
  • 常用且难记的一些css

    1、多行文字超出隐藏,自动追加 ...

      移动端兼容更好,pc下只能兼容 Safari、Opera 以及 Chrome 等部分浏览器,挺常用。

      (注:为什么要同时加这几个css不在这里详细叙述,详见)

    /* Safari、Opera 以及 Chrome */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    2、移动端使滚动条不显示

    .classname::-webkit-scrollbar{display:none;}

      当然也可以通过 -webkit-scrollbar 让默认滚动条改头换面,如下:

    // 滚动条在 chrome 等现代浏览器下美化
    .classname::-webkit-scrollbar {
        width: 8px;
    }
    
    .classname::-webkit-scrollbar-track {}
    
    .classname::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: rgba(125, 113, 113, 0.5);
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    }
    
    .classname::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(125, 113, 113, 0.4);
    }

    (待续)

  • 相关阅读:
    最小生成树模板
    字符串模板
    单调队列
    代码优化
    ZJUT11 多校赛补题记录
    树链剖分
    网络基础及网络设备
    交换机介绍及选购全攻略
    将函数的返回值引用定义为引用
    函数指针和指针函数
  • 原文地址:https://www.cnblogs.com/newbob/p/7073687.html
Copyright © 2011-2022 走看看