热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

【css】——inline-block4px和图片底部2pxbug

首先我们观察一组案例:HTML结构很简单:<!DOCTYPEhtml><html><head><metacha

首先我们观察一组案例:

仔细观察图片,我们可以看到在图片的右侧和底部分别有4px、2px的空隙,一般来说,我们并不需要它们。那要怎么除掉呢?

方法一:display: block;

标签是一个内联元素标签,为了美化排版,W3C 默认给内联元素一个4px的右侧间距,所以,我们给添加样式display:block就可以了,如图:

就此,我们还可以推断出下面的方案:

方法二:float:left;

方法三:vertical-align: top;


推荐阅读
author-avatar
mobiledu2502910203
这个家伙很懒,什么也没留下!
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有