css中2个图片消除间隙

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

CSS中的图片消除间隙问题较为常见,其中常见的解决方案是使用“vertical-align: middle”或者“display: block”来解决。img { vertical-align: mi

CSS中的图片消除间隙问题较为常见,其中常见的解决方案是使用“vertical-align: middle”或者“display: block”来解决。

img {
  vertical-align: middle;
} 

这个解决方案可以有效地消除图片和文字之间的间隙。另外一种解决方案是将图片转化为块级元素,即使用“display: block”。

img {
  display: block;
} 

这个方法也能够解决图片和文字之间的间隙问题。但由于将图片转化为块级元素,可能会对页面的布局产生影响,所以需要谨慎使用。

总之,在使用CSS时,遇到图片和文字之间出现间隙的情况,可以尝试上述两种方法解决问题。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css中2个图片消除间隙

粉丝

0

关注

0

收藏

0

已有0次打赏