<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>

　　

轉載于:https://www.cnblogs.com/xiyuyizhihua/p/10809002.html

總結

以上是生活随笔為你收集整理的相机添加多张图片css布局的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。