img图片元素多余空隙bug

将图片转换为块级对像

 img {display:block;}

设置图片的垂直对齐方式

即设置图片的vertical-align属性为「top,text-top,bottom,text-bottom」也可以解决

 img {vertical-align:top;}

改变父对象的属性

如果父对象的宽、高固定,图片大小随父对像而定,那麽可以设置:

overflow:hidden;

设置图片的浮动属性

 img {float:left;}  

如果要实现图文混排,这种方法是很好的选择。

translate

translateY居中好像需要注意居中容器的高度,如果为奇数会模糊的样子。

-webkit-overflow-scrolling: touch;

页面如果有-webkit-overflow-scrolling: touch;position: fixed;,则position: fixed;会失效


山海
860 声望15 粉丝