澳门新葡萄京官网首页li中插入img图片间有空隙的解决方案

直白加样式img{vertical-align:bottom; display:block}

澳门新葡萄京官网首页,天经地义在少数境况下无效,比方小编要加八个图片,上中下,中间的图纸是设为背景,开掘用此方法行不通,只是上和中的图片空隙没了,而下与先前时代间还存在,方法很简短,把vertical-align:bottom改成top,可依赖本人遭逢的不等意况来设vertical-align的参数

方法一:

复制代码 代码如下:img{vertical-align:top;
display:block}

复制代码 代码如下:style#l1
{float:left;background:#000;}#l1 ul li
{list-style:none;padding:0;margin:0}img {vertical-align:bottom;
display:block;}/style

措施二:设置容器font-size:0(个人认为这种措施最棒!!!卡塔尔

发表评论

电子邮件地址不会被公开。 必填项已用*标注