属性概览 flex容器的属性 flex容器子元素的属性 flex-direction(flex容器) flex-direction属性决定主轴的方向（即项目的排列方向） row（默认值）：主轴为水平方向，起点在左端。 row-reverse：主轴为水平方向，起点在右端。 column：主轴为垂直方向

.flex{ display: flex; display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -

less使用 在浏览器环境中使用 Less ： 也可以新建后缀为less的文件，写完后自动编译为css文件，后再使用link引入 less与css区别 Less是一门CSS预处理语言，css是一种用来表现HTML或XML等文件样式的计算机语言。 less扩展了CSS语言，增加了变量、Mixin、函数

vue3+vite 安装less npm i less-loader less --save-dev