如何验证CSS3新增属性flex-order并控制元素展示

2024-11-16 08:17:31

1、第一步,在打开HBuilder编辑工具中,新建静态界面flex.html;并在<bo蟠校盯昂dy></body>中插入一个父div和四个子div,如下图所示:

如何验证CSS3新增属性flex-order并控制元素展示

3、第三步,接着使用类选择器下的元素选择器,给每个div设置flex-order,如下图所示:

如何验证CSS3新增属性flex-order并控制元素展示

5、第五步,给每个子div标签元素设置background-color,直接使用颜色英文名,如下图所示:

如何验证CSS3新增属性flex-order并控制元素展示
猜你喜欢