使用 :before 进行实现
<div class="div-image"> <img :src="smilesImageSrc" alt="smiles image" class="image"/> </div>
.div-image { background: #409eff; text-align: center; } .div-image:before { content: ""; display: inline-block; padding-bottom: 100%; width: .1px; vertical-align: middle; }
