<section class="feedback-upload"> <aside class="photos"> <div></div> <div class="camera"></div> </aside> <aside class="tips"> <div><span>选填0~4</span></div> </aside> </section>
<style lang="scss"> .feedback-upload { display: flex; justify-content: space-between; padding: 30px 0 40px; .photos { display: flex; div { width: 100px; height: 100px; border: 1px solid #ededed; margin-left: 10px; background-repeat: no-repeat; background-position: center; background-size: 100%; -webkit-background-size: 100%; } div:first-child { margin-left: 0; } div.camera { /*background: #f5f5f5 url(../../assets/images/help_center/camera.png) no-repeat center;*//*相机图片*/ background-size: 50%; -webkit-background-size: 50%; } } .tips { display: flex; align-items: center; padding-right: 4%; } } </style>