CSS3 一些很实用的属性
布局属性
box-sizing
这个属性能够改变盒模型计算方式,值有 content-box, border-box; 当值为border-box时,盒模型宽度固定为width的值,盒模型的padding与border的值将包括在width值内,盒模型内容的宽度 = 盒模型width - padding - border;
兼容性:
IE8
chrome: -webkit-
fireFox: -moz-
*, *:before, *:after{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
Android PlaceHolder 无法垂直居中
在android浏览器中,如果发现placeholder无法垂直居中,请加上line-height: normal;
vertical-align: middle;
vertical-align: middle;