当前位置: 首页 > 网站建设 > 详细内容

产品展示页面图片之间有间隙的解决办法(产品展示页面图片之间有间隙的解决办法有哪些)

时间: 2019-10-28
图片间有空隙的解决方法
定制页面时遇到图片间有空隙的问题,google:
 
在li中纯放图片img,出现的bug是图片之间有3px的间隙,给li加高度也无效,解决图片间有空隙方法如下:
 
直接加样式img{vertical-align:bottom; display:block}
 
当然在某些情况下无效,比如我要加三个图片,上中下,中间的图片是设为背景,发现用此方法无效,只是上和中的图片空隙没了,而下与中之间还存在,方法很简单,把vertical-align:bottom改成top,可根据自己遇到的不同情况来设vertical-align的参数

标签:

本文由 淄博信科网络 网发布( ),如果您还想了解更多关于 淄博网站制作 淄博网站推广 的文章,请点击查看 淄博网站设计 的其它文章,转发请注明来源
承接以下业务:传统网站改自适应网站、网站增加手机站、网站改全屏网站改大屏展示、GBK转UFT-8、DEDECMS转WORDPRESS、网站站群制作、企业网站设计、企业网站优化、网站托管、仿站等业务

服务电话:
132-80692153

微信 13280692153