相机添加多张图片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布局相关推荐
- 从原型图到成品:步步深入CSS布局
点击上方 "程序员小乐"关注, 星标或置顶一起成长 每天凌晨00点00分, 第一时间与你相约 每日英文 Sometimes being too nice is dangerous, ...
- 从原型图到成品:步步深入 CSS 布局
译者 | ?Badd 译文 | https://juejin.im/post/5cebb52651882530be7b16a4 作者 | Dave Ceddia 原文 | https://davece ...
- 原型图到成品:步步深入 CSS 布局
译者 | @?Badd 译文 | https://juejin.im/post/5cebb52651882530be7b16a4(掘金翻译) 作者 | @Dave Ceddia 原文 | https: ...
- [译] 从原型图到成品:步步深入 CSS 布局
原文地址:Implementing a Mockup: CSS Layout Step by Step 原文作者:Dave Ceddia 译文出自:掘金翻译计划 本文永久链接:github.com/x ...
- css--DIV+CSS布局、常用属性、盒模型、自定义字体、标签的分类及相互转换
目录 一.DIV+CSS布局 1.1 布局时常用的属性 1.2 布局 - 上中下结构 1.3 布局 - 上中下 - 左右 1.4 圣杯布局和双飞翼布局 二.字体属性 2.1 字体颜色 2.2 字体大 ...
- div css布局中CSS图片大小自动按比例等比例缩小图片不变形解决技巧
div css布局中CSS图片大小自动按比例等比例缩小图片不变形解决技巧 在DIV CSS布局中对于图片列表或图片排版时,图片不是固定宽度高度大小,但图片占位是固定宽度高度,这个时候如果使用CSS固定 ...
- div css布局中CSS图片大小自动按比例等比例缩小图片不变形解决技巧(转)
本人对前端处理不是很牛,所以转载这文章.原文地址:http://www.divcss5.com/wenji/w632.shtml DIV CSS布局中对于图片列表或图片排版时,图片不是固定宽度高度大小 ...
- 前端笔记(6)css布局机制,浮动,清除浮动,图片格式,ps切片工具及插件
css样式表/层叠样式表(4) css布局的三种机制 浮动 浮动(float)的扩展 清除浮动 额外标签法(隔墙法) 父级添加overflow属性方法 使用after伪元素清除浮动 使用双伪元素清除浮 ...
- 3.实战HTML+CSS布局(实例入门篇)
转自:https://www.cnblogs.com/hmyprograming/archive/2012/03/23/2414373.html 学习这篇入门教程我们假定你已经具有了一定的HTML基础 ...
最新文章
- VTK Example代码编译运行
- 设计模式之建造者模式(01)
- Linux/Android Kconfig Makefile defconfig 和 .config关系
- 面试:TCP协议面试10连问,总会用得到,值得收藏!
- 网络爬虫--15.【糗事百科实战】多线程实现
- 坐标的先对转化clienttoscreen与screentosclient
- VisualStudio 2010从分析到实施(3)——使用Use Case Diagram设计系统交互
- servlet之监听器
- c语言调用abs需要加什么作用,c语言中abs函数怎么用
- Linux实战之ssl自签名证书
- ValueError: Sample larger than population or is negative
- 408真题-解析-2014年计算机考研真题解析
- oracle asm omf,Oracle Managed Files,OMF
- 常见中文字体英文名称以及windows默认字体类型
- 如何让电脑同时访问内网和外网:为电脑手动添加路由
- Google 翻译API Demo
- seo推广绩效考核指标是什么(新媒体运营的绩效考核指标)
- iOS Mac小白必备的基本操作
- 前端从入门到大前端学习流程总结
- be seen doing和be seen to do的区别