本文介绍了CSS中多列布局的实现方式，包括column-count、column-gap等属性的使用，并探讨了resize属性如何让元素变得可调整大小。此外，还讨论了box-sizing属性对元素尺寸的影响，以及轮廓相关属性的应用。
多列：（对文本进行布局，像报纸那样）
column-count: 规定元素应该被分隔得列数；
column-gap:规定列之间的间距；
column-rule: 列与列之间的间隔线；
column-width:规定列的宽度；
resize:
none(无法调整)
both（调整元素的高度和宽度）
horizontal（ 可调整元素的宽度 ）
vertical （调整元素的高度）
inherit (这是默认值，继承父元素的resize属性值)
box-sizing:
content-box (在宽度和高度之外绘制元素的内边距和边框，设置 width和height,控制元素内容区宽度和高度)
padding-box 设置宽和高， 控制元素的内容区加内补丁区的宽度和高度border-box (从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。设置宽高，控制元素的内容区加内补丁区加边框区的宽度和高度)
inherit (从父元素继承box-sizing属性的值)
轮廓相关属性：
outline:
outline-color: 轮廓颜色
outline-style：轮廓线形
outline-width: 轮廓宽度
outline-offset: 轮廓与边框之间的距离
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
