Html/css Common Collection

1, eliminate the inline-block between the elements of the line gap problem:

{font-size:0;}

Ie6/7 Browser-compatible method:letter-spacing property. 2. Align the top of the div with two inline-block:Two elements should be added vertical-align:top;

3. The Vertical-align percent value is relative to the Line-height value inherited by this tag. For example:

. test{vertical-align:-10%;}

Assuming that the tag of the . Test here inherits a row height of 20px, the vertical-align:-10% actual value represented here is: -10% * 20 = 2(像素) .

4. Modify placeholder Color:

::-webkit-input-placeholder {  color:red;}:-moz-placeholder {/** *   color:red;}::-moz-placeholder{/** * / color:red;}:- ms-input-placeholder {  color:red;}

5, text multi-line ellipsis wording:

{    -webkit-box;     Overflow:hidden;    Text-overflow:ellipsis;     -webkit-line-clamp:2;     -webkit-box-orient:vertical;     -webkit-box-Pack:center;}

6. input Remove the original style with a picture instead of time, you need to note that iOS will have a black background, otherwise there may be black edge, set background-color:white.

　

Html/css Common Collection