图片的居中显示
2016-06-12 14:10
204 查看
/*外层DIV*/
div {position: relative;overflow:hidden;width: 显示宽度px;}
/*left=50%刚好在中间,margin-left=往前移动图片一半,这是图片就是居中了*/
img {border:none;width: 图片宽度px;position:absolute;top:0;left:50%;margin-left: -图片宽度一半px;}
div {position: relative;overflow:hidden;width: 显示宽度px;}
/*left=50%刚好在中间,margin-left=往前移动图片一半,这是图片就是居中了*/
img {border:none;width: 图片宽度px;position:absolute;top:0;left:50%;margin-left: -图片宽度一半px;}
相关文章推荐
- saltstack--grains
- 深入浅析Nginx实现AJAX跨域请求问题
- 【C#】关于右下角托盘图标以及气泡使用的注意事项
- Call requires API level 3 (current min is 1)问题解决
- SecureCRT发送AT指令
- ADC 分辨率和精度的区别
- java.lang.OutOfMemoryError: PermGen space
- android音视频网络传输
- 在sql中遇到除数为0的错误时候的解决办法
- 资深开发者告诉你“页游转手游”应注意的五大点
- 预防discuz网站的cc攻击
- 虚拟机下CentOS 6.5配置IP地址的三种方法
- ORACLE 表如何count最快?
- AOP 的利器:ASM 3.0 介绍
- 浏览器缓存
- 单例模式及其在Android中的应用
- Androidstudio 设置永久行号
- How to use $cordovaSQLite in Ionic Framework
- Android 开发命名规范
- VS中常用的快捷键 提速