本文介绍了CSS3中用于创建多列布局的属性，包括column-count用于设置列数，column-width控制列宽，column-gap定义列间距，column-rule规定列间边框，以及column-span指定元素横跨的列数。CSS3的多列布局为响应式设计提供了强大支持，解决了传统盒模型布局的局限性。
1.常用属性：
a)column-count: 属性设置列的具体个数
b)column-width: 属性控制列的宽度
c)column-gap: 两列之间的缝隙间隔
d)column-rule: 规定列之间的宽度、样式和颜色
e)column-span: 规定元素应横跨多少列(n:指定跨n列 all:跨所有列)
布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便。CSS3在布局方面做了改进，其强大的伸缩性，在响应式开中可以发挥极大的作用。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
*{
padding: 
最低0.47元/天 解锁文章
408
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
