相机添加多张图片css布局
生活随笔
收集整理的這篇文章主要介紹了
相机添加多张图片css布局
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<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布局的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 梦到自己的鞋子坏了是什么意思
- 下一篇： == 和 is 的区别