您的位置：首页 > 其它

关于 img底部三像素问题的解决

2015-12-10 13:23 363 查看
     今天写页面时发现img 标签下有三像素，一开始把其所有的父元素 padding margin 全都设为0，还是没解决，后来百度发现，因为 img display 默认属性为 inline-block，inline-block 元素默认有行间距，至此问题有一个解决方案，设置 img 的 display为 block 即可。<style>
.news_jumbotron{background:#f00;}
.news_jumbotron img{width:100%;}
</style>
</head>
<body>
<div class="glo_content news_jumbotron">
<img alt="zezhongkang" src="img/news_pic.gif">
</div>
</body>


设置 display：block 后：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航