响应式设计 - 学习 Web 开发 | MDN (mozilla.org)
多列布局
Multicol 创建的列无法单独的设定样式。不存在让单独某一列比其他列更大的方法,同样无法为某一特定的列设置独特的背景色、文本颜色。你有两个机会改变列的样式:
- 使用 column-gap 改变列间间隙。
- 用 column-rule 在列间加入一条分割线。
.container {
column-count: 3;
column-gap: 20px;
column-rule: 4px dotted rgb(79, 185, 227);
}