【响应式Web前端设计】设置图片间隙为0

解决方案一background
设置父容器的background,可以平铺一个合适的背景或图片。这样的话,两个图片之间的过渡,就会显得更加平滑。但是相关空隙依然存在,只不过因为父容器的背景色的缘故,使得空隙被掩盖了。不过对于本文的路飞例子来说,并没有合适的背景图片或者背景色。
解决方案二font-size(推荐)
设置父容器的font-size为0。这样的话,就可以消除两个图片间的空隙了。这个方案似乎有些匪夷所思,不过确实有效果。不过有些后遗症就是:父容器内的文字大小,会默认继承0。所以,需要对父容器内的显性文字,做特殊设定font-size。

	<div style="text-align: center; font-size: 0;" >
  <img class="fot" src="images/gray1.jpg">
  <img class="fot" src="images/gray2.jpg">
  <img class="fot" src="images/gray3.jpg">
  <img class=
李响Superb CSDN认证博客专家 机器学习 TensorFlow 图像处理
成为一名优秀的算法工程师⬆️ ,
目前还在读软件工程,
AI攻防、算法和深度学习方向,
微博同名❤️ :李响Superb,
(记得关注,有问题微博私信!)
我们一起努力呀!
已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 猿与汪的秘密 设计师:白松林 返回首页
实付 9.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值