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: