CSS3（10）多列
2021-03-23 14:24
标签：nbsp col 默认值 width 指定 设置 国家 属性 默认 本章节我们将学习以下几个 CSS3 的多列属性: div { border:1px solid #000; width:500px; padding:5px; column-count:3; column-gap:20px; column-rule:dotted 1px red; } 效果： 代码： 当我年轻的时候，我梦想改变这个世界；当我成熟以后，我发现我不能够改变这个世界，我将目光缩短了些，决定只改变我的国家；当我进入暮年以后，我发现我不能够改变我们的国家，我的最后愿望仅仅是改变一下我的家庭，但是，这也不可能。 CSS3（10）多列 标签：nbsp col 默认值 width 指定 设置 国家 属性 默认 原文地址：https://www.cnblogs.com/1016391912pm/p/12686428.htmlCSS3 多列属性
column-count 分割的列数column-gap 列与列的间隙column-rule-style 列与列间的边框样式column-rule-width 列与列间的边框厚度column-rule-color 列与列间的边框颜色column-rule 上面3个的缩写column-span 指定元素跨越多少列column-width 指定列的宽度CSS3 创建多列
代码：指定元素跨越多少列
这是标题
这是标题
当我年轻的时候，我梦想改变这个世界；当我成熟以后，我发现我不能够改变这个世界，我将目光缩短了些，决定只改变我的国家；当我进入暮年以后，我发现我不能够改变我们的国家，我的最后愿望仅仅是改变一下我的家庭，但是，这也不可能。
这是标题
当我年轻的时候，我梦想改变这个世界；当我成熟以后，我发现我不能够改变这个世界，我将目光缩短了些，决定只改变我的国家；当我进入暮年以后，我发现我不能够改变我们的国家，我的最后愿望仅仅是改变一下我的家庭，但是，这也不可能。