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。