ldkjsdty的博客

网上大多数的教程都是vue cli旧版的，通过这些教程导入Vue cli 4.0 可能会出问题。使用vue cli 3/4搭建项目使用svg自动导入的方法：1、安装 svg-sprite-loader、svgo这两个库npm install --save-dev vue-svg-sprite-loadernpm install -g svgo2、在根目录创建vue.config.js，如果存在就不需要创建，然后添加一下配置const path = require('path')function

1.水平居中<div class="box"></div> .box{ width: 100px; height: 100px; margin: 0 auto; background: #E33;}2.水平垂直居中（1）绝对定位水平垂直居中<div class="box"> <div></div></div> .box { width: 100%; heig

1.背景图片方式这种方法是利用css背景图方式，让图片垂直水平居中显示，不会拉伸变形。.box { width: 400px; height: 400px; background: url("img") no-repeat center center; background-size: cover;}2.CSS3的object-fit属性object-fit有五个值 fill --- 默认，不保证保持原有的比例，根据宽高拉伸或者压缩填满