您的位置:首页 > Web前端 > HTML

HTML中关于图片与图片之间的缝隙问题

2017-03-01 11:06 281 查看
HTML中图片使我们写网页必不可少的元素,美观大方的图片为我们的网页增加活力和吸引力,但是关于<img/>标签,你了解多少?

img作为行级元素,在作为块元素使用的时候,其自身属性带来的图片与图片之间的缝隙成为我们头疼的问题,在将图片转换为块元素的时候,一般会先用属性"display:block;",在大多数情况下图片之间的缝隙便会消除,但是随着屏幕大小切换或者应用于一些尺寸大小不等的移动设备上,由于移动设备以rem为单位,某些缝隙还是会显露出来,为此我们还需要配合其他属性一起使用来消除这些缝隙,"vertical-align:bottm"或者"border:0px",具体需要搭配哪个需要自己去检查,一般都会达到消除缝隙的效果。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: