flex弹性居中，父元素设置为弹性盒子，子元素就成为了弹性元素，利用flex相关属性进行居中， .wrap{ display:flex; /使用flex盒子/ justify-content:center;/水平轴上居中/ align-items:center;/垂直轴上居中/ } .wrap{ display:flex; } .child{ margin: auto; } vuejs的配置文件：build://webpack的基本配置，开发环境配置，生产环境配置。config:路口，端口以及反向代理配置， dist://webpack打包后的静态资源node_modules:npm安装的依赖包，src:前端主文件，assets://静态资源 font,img,scss,components:单个组件，xxx.vue//单文件组件 router:路由配置。store:全局变量。app.vue:app组件。main.js:主入口文件，static:静态文件。.babelrc:babel配置项。editorconfig:编辑器的配置项。.gitignore:会忽略