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。