使用inline-block之前先处理点小障碍：inline-block元素会有4px左右的空隙，这个是因为我们写代码时候的换行符所致。

解决办法很简单：在inline-block的父元素中设置样式font-size：0；letter-spacing: -4px; 然后设置inline-block的所有兄弟元素 font-size：值；letter-spacing: 值px;  恢复正常的显示。

另外还有一点需要注意的是inline-block默认是基线对齐的，而inline-block的基线又跟文本基线一致，所以在内容不同的时候并不能水平对齐。只需要用vertical-align显式声明一下top/bottom/middle对齐即可

最新文章

1. Android 开发平台的演变史
2. 原生javascript里jsonp的实现原理
3. poj 2245 水题
4. webview上传图片
5. poi excel文件上传并解析xls文件
6. iOS UIwebView html 字符串转换
7. Apache网站根目录
8. Linux/Unix工具与正则表达式的POSIX规范
9. CSDN上看到的一篇有关Spring JDBC事务管理的文章(内容比较全) (转)
10. postgres 错误duplicate key value violates unique constraint 解决方案
11. 使用工厂方法模式实现多数据库WinForm手机号码查询器（附源码）
12. 微信小程序echarts层级太高
13. css3 图片阴影
14. [转] 为什么说 Java 程序员必须掌握 Spring Boot ？
15. 学JAVA二十一天，自定义数组
16. 【代码审计】XYHCMS V3.5任意文件读取漏洞分析
17. hdu-2844（完全背包+二进制优化模板）
18. MySQL查询表结构的SQL语句
19. github与git基本操作（一）
20. windows本地搭建nginx+php+mysql+redis环境详细步骤

热门文章

1. 兼容IE的login表单巧妙写法
2. ES6工作中常用知识点
3. JavaScript高级程序设计第三版-读书笔记（1-3章）
4. 自定义ClassLoader加载加密的class文件
5. HashMap遍历时的性能对比
6. 008 String to Integer (atoi) 字符串转换为整数
7. Bonetrousle HackerRank 数学 + 思维题
8. c/c++ socket发送http请求访问网站
9. Vue汇总（搬砖）
10. javascript中call()、apply()、bind()的用法理解