时间:2021-05-26
直接加样式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(个人认为这种方法最好!!!)
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
问题描述:IE7下img与div(block类型元素)下边界有距离(或者叫缝隙、空隙)。IE7才会有这个问题,IE8下是没有的。解决方案:法宝一:定义图片img
ie6中li插入图片后下方有空隙bug,这是ie6的有一个经典bug。解决该bug有很多方法,今天我整理了下,共4种方法,给大家分享下。首先附上代码:复制代码代
问题ImageView.src设置图片资源,图片不拉伸了,却有空隙部分:解决如下方式设置就没有空隙了以下为参考内容:最近碰到一个需求,要求是在不知道图片宽度和高
1.如果图片加a标签在IE9-中会有边框解决方案:img{border:none;}2.rgba不支持IE8解决方案:可以用opacityeg:opacity:
今天在布局一网页的时候发现两个img换行后之间有空隙,不符合我的设计初衷,下面给出我的解决方法。方法就是给img标签加上CSS样式vertical-align: