如何使用CSS3中的flex设置无序列表分栏显示

1、第一，打开HBuilder工具，新建HTML5页面文件，然后插入一个无序列表

2、第二，利用设置的ID选择器，设置无序列表宽度、高度和边框等属性

3、第三，保存代码并打开浏览器，查看界面显示效果，无序列表子项挤在一起

4、第四，利用nth-child伪类选择器，设置每个子项的背景色

5、第五，再次保存代码并刷新浏览器，可以查看到无序列表子项颜色

6、第六，再利用nth-child选择器，设置flex属性值为1，然后保存并刷新浏览器，可以查看到无序列表分栏显示