A Vue.js project
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
For a detailed explanation on how things work, check out the guide and docs for vue-loader.
flex属性大全
dir:主轴方向 top:从上到下 right:从右到左 bottom:从上到下 left:从左到右(默认)
main:主轴对齐方式 right:从右到左 left:从左到右(默认) justify:两端对齐 center:居中对齐
cross:交叉轴对齐方式 top:从上到下 bottom:从上到下 baseline:跟随内容高度对齐 center:居中对齐 stretch:高度并排铺满(默认)
box:子元素设置 mean:子元素平分空间 first:第一个子元素不要多余空间,其他子元素平分多余空间 last:最后一个子元素不要多余空间,其他子元素平分多余空间 justify:两端第一个元素不要多余空间,其他子元素平分多余空间
flex-box属性说明 取值范围(0-10),单独设置子元素多余空间的如何分配,设置为0,则子元素不占用多余的多余空间 多余空间分配 = 当前flex-box值/子元素的flex-box值相加之和