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。

     

  • 相关阅读:
    POJ2406【KMP-next数组】
    POJ2752【KMP-next数组含义】
    POJ3696【欧拉函数+欧拉定理】
    POJ3692【二分匹配】
    POJ3697【BFS】
    CodeForces599D【数学】
    CodeForces599C【贪心】
    HDU1829【种类并查集】
    HDU3038【种类并查集】
    POJ1182【种类并查集】
  • 原文地址:https://www.cnblogs.com/xuancaolinxia/p/5661989.html
Copyright © 2011-2022 走看看