css3的出现，解决了不少前端的问题，比如动画，圆角等；

这里总结一下css3 的多列布局；

w3c上给出了很多属性；

我们一般用到column-count、column-gap、column-width这三个属性，

其中column-count和column-width最好不要同时出现；

还有在规定的多列布局容器内的元素；要使用display：inline-block属性；否则会出现脱节和错乱；

例如：在畅游西城的项目中；

布局代码如下

dl没有使用display：inline-block属性；导致下图情况

调整后正常；

另有一个项目，按照如上设置后出现如下图所示现象：

出现这个主要是每一项的宽度超出了规定的列宽度；

只要在列表每一项上增加width：100%就可以了；

最新文章

1. JAVA开发中遇到的小白点
2. Bootstrap表单验证插件bootstrapValidator使用方法整理
3. 寒冬之下,浩瀚智能开单收银打印扫描POS为何能在批发零售门店商场 车销行业 风靡！：进销存+打印扫描POS机
4. 打造 html5 文件上传组件，实现进度显示及拖拽上传，支持秒传+分片上传+断点续传，兼容IE6+及其它标准浏览器
5. Effective Java 学习笔记之创建和销毁对象
6. 4个http常用的content type
7. git托管代码随笔--运用ssh传输，不用每次提交频繁输入github账号密码
8. GDI+ 中发生一般性错误。
9. python分布式抓取网页
10. ENode简介与各种资源汇总
11. 新秀发挥云17号：RHEL改变以太网地址克隆虚拟机后，
12. 归纳篇（一）CSS的position定位和float浮动
13. Jmeter+badboy环境搭建
14. 文件及Linux目录结构
15. SQLite Update 语句(http://www.w3cschool.cc/sqlite/sqlite-update.html)
16. 总账：日记账导入流程(文档 ID 1591640.1)
17. Chapter 4 Invitations——28
18. 常用的字符串函数-S
19. EOS与以太坊有哪些区别？
20. H5 55-行高

热门文章

1. ListView中CheckBox使用问题
2. LeetCode 206. Reverse Linked List(迭代和递归两种实现)
3. 从零开始学android -- Service
4. Python3 多线程 学习 threading
5. 从头认识java-17.5 堵塞队列（以生产者消费者模式为例）
6. 小技巧：怎样以另外的Windows用户执行SSMS
7. windows下XAMPP安装php_memcache扩展
8. Coursera machine learning 第二周 quiz 答案 Linear Regression with Multiple Variables
9. MongoDB可视化工具 Studio 3T
10. 将非递减有序排列(L L1)归并为一个新的线性表L2 线性表L2中的元素仍按值非递减