a+图片上传时候图片有缝隙

发布网友发布时间：2022-04-20 00:37

共1个回答

热心网友时间：2022-04-20 02:06

原因很简单，因为当时设立浏览器标准的是欧洲，行内元素为了正确的显示带有尾巴的英文字母例如：j，g，y，就会在底部留空。
解决方案一：给图片添加属性：display：block；解决方案二：a标签中添加属性：font-size：0；解决方案三：给图片添加属性：vertical-align：middle；（但是我在网上看到有人说，这个属性在低版本的IE浏览器中会产生问题）解决方案四：把img图片设置成a标签的背景图片解决方案五：给a标签添加属性：display：flex；解决方案六：给img标签添加浮动：float：left。

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com