Fe-interview: [css] 第183天 怎样去除图片自带的边距？

[haizhilin2013]

第183天 怎样去除图片自带的边距？

[jiang-24-gdufs]

图片是行级标签的情况下, 可以考虑在父级容器设置一个font-size:0消;除图片的边距

[wh739789893]

全局配置吗？
*{
margin:0;
padding:0;
}

[eastFang]

css会为父级容器塞入一个隐藏的字符，图片默认的vertical-align：baseline;
设置图片的vertical-align: middle; 应该就可以了

[chenyunping66]

空隙产生的原因，换行符，空格符，制表符等你空白符，字体不为0的情况下，都会产生一个字符的空隙，空格符好会占据一定宽度，使用inline-block会产生元素间的空隙。

解决方法：
1.父元素设置：font-size=0
2.使用flexbox

不清楚图片去除自带边距的方法是应该，应该差不多吧
1.

[vkboo]

图片以及所有inline-block元素之间都会有4px的间距，直接在父元素font-size: 0即可去除。

[chenchujuan]

我一直都是display:block处理这样不行吗

[zishiluojin]

我一直都是display:block处理这样不行吗

可以的，我也是这种操作

[xudihui]

我一直都是display:block处理这样不行吗

这个会带来副作用吧 ，img标签默认样式display:inline-block