display:内联块和空格

前端之家收集整理的这篇文章主要介绍了display:内联块和空格前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
看这个例子:

http://jsfiddle.net/EwtaC/1/

图像通过display:inline-block设置样式.我知道空格不知何故对此有影响..(无论出于何种原因)所以我删除了空格:

from <img src="" /> <img src="" />
to <img src="" /><img src="" />

这将删除图像左侧和右侧的间距,但正如您在示例中所看到的,图像下方的间距仍然存在.

有什么可以做的吗?

谢谢,
韦斯利

解决方法

http://jsfiddle.net/EwtaC/2/

加:

vertical-align:top;

默认情况下,图像与基线对齐.您可以将它们显示为块并浮动它们,或者需要设置正确的垂直对齐方式.

原文链接:https://www.f2er.com/css/217733.html

猜你在找的CSS相关文章