首页 > 代码库 > 图片与边框有间隙的解决办法

图片与边框有间隙的解决办法

在figure或a中插入图片后,图片与边框产生间隙。

一、产生的原因:当初设立标准的不是亚洲而是欧洲,inline元素为了正确显示英文字母如y j g等带有尾巴的,就在底下留空。
二、解决办法:

办法1.在figure或者a中设置:font-size:0;

办法2.在图片img中设置:vertical-align:middle;

图片与边框有间隙的解决办法