float

优点:

横向排列时比较方便,不存在浏览器兼容问题。

缺点:

1)多行横向排行时,换行后经常不能顶行显示。

2)浮动后会跳出当前流,造成父元素高度塌陷,解决办法比较成熟统一 ,不存在浏览器兼容问题。

inline-block

缺点:最大的问题就是在不同的浏览器下,解决空白间隙的方法会不同,难以统一,兼容性不好。常见解决办法有,父元素设置font-size:0;大部分浏览器可以这样,个别不行的在不影响布局的前提下还可以加个display:table。个人不喜欢用letter-space和word-space总感觉不同浏览会有不同问题。

优点:换行时顶行显示,可以用text-align,white-space等属性操作,text-align:justify两边对齐,效果特棒,white-space:nowrap可以不换行,有时有奇效。

先写这一点,有时间再补充吧

最新文章

  1. PHP之使用网络函数和协议函数
  2. cron
  3. jquery点击添加样式,再点击取出样式
  4. android 电量分析工具
  5. 实验:sigsuspend(),sigprocmask()
  6. BZOJ 3901 棋盘游戏 解题报告
  7. JS将时间戳转换为JS Date类型
  8. Qt 信号与槽
  9. EasyUI - Dialog 对话框
  10. expungeStaleEntries函数解析
  11. c++ 中lambda
  12. Canvas实现3D效果-可旋转的立方体
  13. [模板] 数学基础:快速幂/乘/逆元/exGCD/(ex)CRT/(ex)Lucas定理
  14. 【解决】nginx 下$_SERVER['PATH_INFO'] 无法获取到内容
  15. s - t 平面图最大流 (附例题 bzoj 1001)
  16. VMware安装CentOS7踩坑
  17. 关于Lambda
  18. cmd命令使用笔记
  19. klee的docker镜像中没有gcc环境
  20. Swift学习笔记之--类和对象

热门文章

  1. Cocos2d-x 3.2 学习笔记(九)EventDispatcher事件分发机制
  2. Yii2的深入学习--继承关系
  3. Android WebView加载本地html并实现Java与JS交互
  4. Skeljs – 用于构建响应式网站的前端开发框架
  5. [java] 汇率换算器实现-插曲1-正则表达式(1)
  6. 谈谈Android 6.0运行时权限理解
  7. 文本框只读属性,disabled不能提交
  8. JAVA 设计模式 备忘录模式
  9. vue之自定义指令directive
  10. jquery.tmpl.js 模板引擎用法