如何使用CSS3中的属性设置元素显示成多列并展示

1、第一步，双击打开HBuilderX编辑工具，新建静态页面并修改内容，如下图所示：

2、第二步，再使用多个div插入到body元素中，并依次使用不同标题，如下图所示：

3、第三步，使用类选择器，设置div的宽度、高度、行高、字体大小等，如下图所示：

4、第四步，保存代码并打开浏览器预览页面效果，可以发现虚线边框，如下图所示：

5、第五步，再次添加一个columns属性，接着设置大小和显示的列数，如下图所示：

6、第六步，再次保存代码并直接运行预览效果，可以发现界面显示效果，如下图所示：