当前位置: 首页 > 网站建设 >

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

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

本文网址:https://www.chinaxinkekeji.com/654.html
本文由 淄博信科网络 网发布( https://www.chinaxinkekeji.com ),如果您还想了解更多关于 淄博网站制作 淄博网站推广 的文章,请点击查看 淄博网站设计 的其它文章,转发请注明来源及版权归属。
承接以下业务:传统网站改自适应网站、网站增加手机站、网站改全屏网站改大屏展示、GBK转UFT-8、DEDECMS转WORDPRESS、产品展示页面图片之间有间隙的解决办法网站站群制作、产品展示页面图片之间有间隙的解决办法企业网站设计、产品展示页面图片之间有间隙的解决办法企业网站优化、产品展示页面图片之间有间隙的解决办法网站托管、仿站等业务

上一篇:高端网站建设需要怎么规划和定位

下一篇:没有了

服务电话:
132-80692153

微信 13280692153
x

专注网站设计、网站推广

竞价网站、营销网站、H5自适应网站、小程序开发

承接网站代工、企业建站、网站SEO、整站优化