1、第一步，双击打开HBuilder工具，新建静态页面column_span.html，并修改标题内容，如下图所示：
2、第二步，在<body></body>元素内插入<div>挢旗扦渌;</div>标签元素，设置div标签的id属性为column_span，如下图所示：
3、第三步，在div标签上加入一个span标签，分别在div和span标签内添加内容，如下图所示：
4、第四步，设置div标签元素的分列列数，使用column-count属性进行设置，如下图所示：
5、第五步，保存代码并预览该静态页面，由于设置分列列数为6，显示的内容也被分为6列，如下图所示：
6、第六步，在span元素设置它的column-span属性，值为6，并再次预览效果，如下图所示：
