zoukankan      html  css  js  c++  java
  • html/css常用合集

    1、 消除inline-block元素间的换行间隙问题:
    {font-size:0;}
    
    兼容IE6/7浏览器的方法:letter-spacing属性。
     
    2、让两个inline-block的div顶部对齐:  两个元素都要加上vertical-align:top;
     

    3、vertical-align的百分数值是相对于此标签继承的line-height值决定的。例如:

    .test{vertical-align:-10%;}
    
    假设这里的.test的标签继承的行高是20px,则这里的vertical-align:-10%所代表的实际值是:-10% * 20 = 2(像素)
     

    4、修改placeholder颜色:

    ::-webkit-input-placeholder {
      color: red;
    }
    :-moz-placeholder {/* Firefox 18- */
      color: red;
    }
    ::-moz-placeholder{/* Firefox 19+ */
     color: red;
    }
    :-ms-input-placeholder {
      color: red;
    }

    5、文字多行省略写法:

    {
        display: -webkit-box; 
        overflow:hidden;
        text-overflow:ellipsis;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        -webkit-box-pack: center;
    }

    6、input去掉原本样式用图片代替时候,需要注意IOS里面会有黑色的背景,否则可能有黑边,设置background-color:white。

     

  • 相关阅读:
    python字符串操作
    python学习【一】基础入门
    markdown 编辑器
    jenkins学习笔记-安装
    算法
    python 修改文件内容
    python基础,python第四课
    python基础,python第三课
    python基础,python第二课
    python基础,python第一课
  • 原文地址:https://www.cnblogs.com/xuancaolinxia/p/5661989.html
Copyright © 2011-2022 走看看