为了账号安全,请及时绑定邮箱和手机立即绑定

关于html元素之间间隔的一点疑问

关于html元素之间间隔的一点疑问

可以说很强了 2018-07-18 20:34:40

比如我做一个页面就是用几张图片从上至下组合成一个静态纯展示的页面,用div包裹img来实现,div宽度为100%,图片和他一致,然后我发现图片和图片之间存在间隔,一条小小的缝,是不是使用了relative定位会让元素轻微位移呢,而且我设置了font-size:0,但是在手机上看还是有一条小缝,得top:-1px,才正常,这是怎么回事呢?

查看完整描述

7 回答

?
慕婉清7323071

TA贡献108条经验 获得超1个赞

http://www.ahwang.cn/t/%E6%8B%BC%E5%A4%9A%E5%A4%9A%E6%9F%A5%E8%8E%B7%E6%9E%AA%E6%94%AF%E3%80%9094O03O11q%E3%80%91wVK
http://www.ahwang.cn/t/%E4%BC%98%E8%B4%A8%E7%A7%83%E5%AD%90%E3%80%9094O03O11q%E3%80%91KXx
http://www.ahwang.cn/t/%E6%89%8B%E6%8B%89c10a%E8%83%BD%E5%8F%91%E5%B0%84%E9%92%A2%E7%8F%A0%E3%80%9094O03O11q%E3%80%91j43
http://www.ahwang.cn/t/1911%E5%86%9B%E7%89%88%E3%80%9094O03O11q%E3%80%91lAM
http://www.ahwang.cn/t/%E5%B0%84%E9%92%89%E8%86%9B%E4%BD%93%E6%94%B9%E5%B0%8F%E5%8F%A3%E6%A0%93%E3%80%9094O03O11q%E3%80%91EH9
http://www.ahwang.cn/t/%E7%BE%8E%E5%9B%BD%E7%A7%83%E9%B9%B0%E6%B0%94%E5%A4%A7%E5%9B%BE%E7%89%87%E5%A4%A7%E5%85%A8%E3%80%9094O03O11q%E3%80%91Hr0
http://www.ahwang.cn/t/%E8%87%AA%E5%88%B6%E6%89%93%E6%B0%94%E7%AD%92%E6%89%93%E9%B8%9F%E3%80%9094O03O11q%E3%80%91Xtg
http://www.ahwang.cn/t/%E7%A7%83%E5%AD%90%E7%94%A8%E5%A4%9A%E5%B0%91%E5%85%8B%E7%9A%84%E5%BC%B9%E5%A5%BD%E5%91%80%E3%80%9094O03O11q%E3%80%91kq8
http://www.ahwang.cn/t/3000%E5%85%83%E7%9A%84%E4%BB%BF%E7%A7%83%E9%B9%B0%E6%80%8E%E4%B9%88%E6%A0%B7%E3%80%9094O03O11q%E3%80%91tUH
http://www.ahwang.cn/t/%E5%BF%AB%E6%8E%92%E6%BC%8F%E6%B0%94%E4%BB%80%E4%B9%88%E5%8E%9F%E5%9B%A0%E3%80%9094O03O11q%E3%80%91T32
http://www.ahwang.cn/t/%E9%AA%9A%E6%9C%AC%E5%A8%81%E5%8A%9B%E9%BB%91%E6%9E%AA%E3%80%9094O03O11q%E3%80%91rLu
http://www.ahwang.cn/t/%E5%BF%AB%E6%8E%92%E5%92%8C%E7%A7%83%E9%B9%B0%E5%93%AA%E4%B8%AA%E3%80%9094O03O11q%E3%80%91LYv
http://www.ahwang.cn/t/%E7%A7%83%E5%AD%90%E5%87%A0%E4%B8%AA%E5%8E%8B%E6%9C%80%E4%BD%B3%E3%80%9094O03O11q%E3%80%91Xps
http://www.ahwang.cn/t/%E7%87%95%E5%B0%BE%E9%93%9D%E5%9E%8B%E6%9D%90%E6%B7%98%E5%AE%9D%E8%83%BD%E4%B9%B0%E5%88%B0%E5%90%97%E3%80%9094O03O11q%E3%80%91kbK
http://www.ahwang.cn/t/%E7%A7%83%E5%AD%90%E8%86%9B%E7%BA%BF%E7%AE%A1%E7%A7%83%E5%AD%90%E8%9E%BA%E6%97%8B%E3%80%9094O03O11q%E3%80%91jnJ
http://www.ahwang.cn/t/%E5%A5%94%E9%A9%B0%E6%89%8Bp%E6%9E%AA%E3%80%9094O03O11q%E3%80%91Zd3
http://www.ahwang.cn/t/16mm%E8%86%9B%E7%BA%BF%E7%AE%A1%E5%9B%BE%E3%80%9094O03O11q%E3%80%91UCl
http://www.ahwang.cn/t/%E7%A7%83%E9%B9%B0%E8%83%BD%E7%94%A85%E6%AF%AB%E7%B1%B3%E7%9A%84%E9%92%A2%E7%8F%A0%E5%90%97%E3%80%9094O03O11q%E3%80%91Jq1
http://www.ahwang.cn/t/%E7%A7%83%E5%AD%90%E4%B8%93%E7%94%A8%E6%97%A0%E7%BC%9D%E7%AE%A1%E3%80%9094O03O11q%E3%80%91h9b
http://www.ahwang.cn/t/6.35%E5%8F%A3%E5%BE%84%E5%87%A0%E6%9D%A1%E8%86%9B%E7%BA%BF%E5%90%88%E9%80%82%E3%80%9094O03O11q%E3%80%91D3X
http://www.ahwang.cn/t/pcp%E5%A4%A7%E5%8F%A3%E5%BE%84%E3%80%9094O03O11q%E3%80%91DRr
http://www.ahwang.cn/t/%E6%B0%94%E6%8E%922.5%E5%8E%8B%E8%83%BD%E6%89%93%E9%BA%BB%E9%9B%80%E5%90%97%E3%80%9094O03O11q%E3%80%91YwG
http://www.ahwang.cn/t/%E6%81%92%E5%8E%8B%E9%98%80%E5%AD%98%E5%9C%A8%E5%BC%80%E9%98%80%E4%B8%8D%E5%AE%8C%E5%85%A8%E3%80%9094O03O11q%E3%80%91P7N
http://www.ahwang.cn/t/%E5%BF%AB%E6%8E%92%E6%BC%8F%E6%B0%94%E4%BB%80%E4%B9%88%E5%8E%9F%E5%9B%A0%E3%80%9094O03O11q%E3%80%91P39
http://www.ahwang.cn/t/%E5%AD%90%E5%BC%B94.5%E7%9A%84%E6%A8%A1%E6%A0%B7%E3%80%9094O03O11q%E3%80%91Zou
http://www.ahwang.cn/t/%E7%A7%83%E5%AD%90%E5%87%A0%E4%B8%AA%E5%8E%8B%E6%9C%80%E4%BD%B3%E3%80%9094O03O11q%E3%80%91l05
http://www.ahwang.cn/t/%E5%90%B9%E9%92%88%E6%9E%AA%E8%83%BD%E6%89%93%E5%A4%9A%E5%B0%91%E7%B1%B3%E3%80%9094O03O11q%E3%80%91wqE
http://www.ahwang.cn/t/%E7%A7%83%E5%AD%90%E8%A3%85%E5%BC%B9%E5%8F%A3%E8%86%9B%E7%BA%BF%E5%9B%BE%E7%89%87%E3%80%9094O03O11q%E3%80%91zBU
http://www.ahwang.cn/t/%E7%9B%B4%E6%8E%92%E9%98%80%E5%A5%BD%E8%BF%98%E6%98%AF%E6%81%92%E5%8E%8B%E9%98%80%E5%A5%BD%E3%80%9094O03O11q%E3%80%91HxH
http://www.ahwang.cn/t/%E5%B0%8F%E5%8F%A3%E5%BE%84%E5%92%8Cpcp%E5%AF%B9%E6%AF%94%E3%80%9094O03O11q%E3%80%91msS
http://www.ahwang.cn/t/762%E5%8F%A3%E5%BE%84%E5%95%A5%E6%9E%AA%E3%80%9094O03O11q%E3%80%91G8a
http://www.ahwang.cn/t/762%E5%8F%A3%E5%BE%84%E5%B1%B1%E7%8C%AB%E3%80%9094O03O11q%E3%80%91W4q
http://www.ahwang.cn/t/%E6%B3%B0%E5%9B%BD%E4%B9%B0%E6%9E%AA%E4%B8%80%E6%9D%A1%E8%A1%97%E3%80%9094O03O11q%E3%80%91W8b
http://www.ahwang.cn/t/%E8%B7%9F%E5%88%AB%E4%BA%BA%E5%87%BA%E5%8E%BB%E6%89%93%E9%B8%9F%E7%8A%AF%E6%B3%95%E3%80%9094O03O11q%E3%80%91EpN
http://www.ahwang.cn/t/%E5%B0%8F%E5%8F%A3%E5%BE%84%E6%9E%AA%E7%AE%A1%E9%95%BF%E5%BA%A6%E3%80%9094O03O11q%E3%80%91BmZ
http://www.ahwang.cn/t/%E7%A7%83%E7%94%A8%E5%A4%9A%E5%A4%A7%E7%9A%84%E7%AE%A1%E5%AD%90%E3%80%9094O03O11q%E3%80%91R1B
http://www.ahwang.cn/t/%E8%87%AA%E5%B7%B1%E9%A1%B6%E7%BA%BF%E7%AE%A1%E6%9C%89%E5%A4%9A%E5%B0%91%E7%B2%BE%E5%BA%A6%E3%80%9094O03O11q%E3%80%91rgf
http://www.ahwang.cn/t/%E6%B0%94%E6%8E%92%E7%94%A8%E5%87%A0%E4%B8%AA%E6%B0%94%E5%8E%8B%E7%A8%B3%E5%AE%9A%E3%80%9094O03O11q%E3%80%91G77
http://www.ahwang.cn/t/100%E7%B1%B3%E5%B0%8F%E5%9E%8B%E9%AB%98%E5%8E%8B%E7%8C%8E%E6%9E%AA%E3%80%9094O03O11q%E3%80%91z0I
http://www.ahwang.cn/t/%E5%A4%AA%E6%9E%814.5co2%E6%94%B9%E5%A8%81%E5%8A%9B%E3%80%9094O03O11q%E3%80%91rZ7
http://www.ahwang.cn/t/%E6%81%92%E5%8E%8B12%E8%B7%9F16%E5%A8%81%E5%8A%9B%E5%B7%AE%E5%A4%9A%E5%B0%91%E3%80%9094O03O11q%E3%80%91E47
http://www.ahwang.cn/t/5.5%E7%A7%83%E7%9A%84%E6%9C%89%E6%95%88%E5%B0%84%E7%A8%8B%E3%80%9094O03O11q%E3%80%91PO0
http://www.ahwang.cn/t/%E5%B0%8F%E5%8F%A3%E5%BE%84%E5%AD%90%E5%BC%B9%E6%89%93%E4%B8%8D%E6%AD%BB%E4%BA%BA%E3%80%9094O03O11q%E3%80%91aXG
http://www.ahwang.cn/t/%E9%B2%81%E5%AF%86%E9%93%B3%E5%B0%84%E7%A8%8B%E3%80%9094O03O11q%E3%80%91UGd
http://www.ahwang.cn/t/%E5%B9%BF%E5%B7%9E%E7%89%8C%E6%B1%BD%E6%9E%AA%E3%80%9094O03O11q%E3%80%91Aus
http://www.ahwang.cn/t/%E9%93%85%E5%BC%B9%E5%A4%9A%E5%B0%91%E8%BF%9D%E6%B3%95%E3%80%9094O03O11q%E3%80%91X3D
http://www.ahwang.cn/t/%E7%A6%81%E6%AD%A2%E7%9A%84%E7%8B%A9%E7%8C%8E%E5%B7%A5%E5%85%B7%E4%B8%93%E5%8D%96%E7%BD%91%E3%80%9094O03O11q%E3%80%91uq0
http://www.ahwang.cn/t/%E9%93%85%E5%BC%B9%E6%9B%BF%E4%BB%A3%E5%93%81%E3%80%9094O03O11q%E3%80%91g4L
http://www.ahwang.cn/t/DIY%E7%A7%83%E7%B2%BE%E5%BA%A6%E3%80%9094O03O11q%E3%80%91Apb
http://www.ahwang.cn/t/%E4%B8%AD%E5%8D%A7%E7%A7%83%E9%B9%B0%E5%9B%BE%E7%89%87%E3%80%9094O03O11q%E3%80%91Vsa
http://www.ahwang.cn/t/%E6%89%8B%E7%82%AE%E5%B7%A6%E8%BD%AE%E3%80%9094O03O11q%E3%80%91rYy
http://www.ahwang.cn/t/%E5%8F%B0%E6%B9%BE%E5%B1%B1%E7%8C%AB%E4%BB%B7%E6%A0%BC%E5%A4%9A%E5%B0%91.%E6%89%B3%E6%9C%BA%E5%A5%97%E4%BB%B6%E3%80%9094O03O11q%E3%80%91H3p
http://www.ahwang.cn/t/%E6%89%93%E7%8C%8E%E5%B7%A5%E5%85%B7%E5%A4%9A%E5%B0%91%E9%92%B1%E3%80%9094O03O11q%E3%80%91dAH
http://www.ahwang.cn/t/%E4%B8%80%E4%B8%AA%E7%9F%AD%E7%A7%83%E4%BB%80%E4%B9%88%E4%BB%B7%E4%BD%8D%E3%80%9094O03O11q%E3%80%91Ru7
http://www.ahwang.cn/t/%E7%A7%83%E9%B9%B0%E9%95%BF%E5%BE%97%E5%A5%BD%E8%BF%98%E6%98%AF%E7%9F%AD%E7%9A%84%E5%A5%BD%E3%80%9094O03O11q%E3%80%91J24

查看完整回答
反对 回复 2021-07-28
?
叶落花飘零

TA贡献2条经验 获得超1个赞

margin,padding 都设置为0

查看完整回答
反对 回复 2018-07-19
?
qq_Ismile_2

TA贡献183条经验 获得超48个赞

在谷歌上 用手机模拟打开 https://img4.sycdn.imooc.com/5b4febbb0001a2a713310653.jpg 用此方法查看是都有多余的高度

查看完整回答
反对 回复 2018-07-19
?
橋本奈奈未

TA贡献502条经验 获得超131个赞

理论上font-size设为0应该就没有间隙了。

查看完整回答
1 反对 回复 2018-07-18
  • 可以说很强了
    可以说很强了
    是的,就是很奇怪,而且font-size:0,在没有设置inline-block的情况下也会有影响吗?

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信