图片垂直居中的使用技巧
来源:互联网 发布:云杉网络 怎么样 编辑:程序博客网 时间:2024/04/28 06:38
.box { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; vertical-align:middle; /*设置水平居中*/ text-align:center; /* 针对IE的Hack */ *display: block; *font-size: 175px;/*约为高度的0.873,200*0.873 约为175*/ *font-family:Arial;/*防止非utf-8引起的hack失效问题,如gbk编码*/ width:200px; height:200px; border: 1px solid #eee;}.box img { /*设置图片垂直居中*/ vertical-align:middle;}<div class="box"><img src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.png" /></div>
http://www.cnblogs.com/sanic/archive/2011/11/02/2233679.html
- 图片垂直居中的使用技巧
- 图片垂直居中的使用技巧
- 图片垂直居中的使用技巧
- 图片垂直居中的使用技巧
- 图片垂直居中的使用技巧
- 图片垂直居中的使用技巧
- 图片垂直居中的使用技巧
- 图片垂直居中的使用技巧
- 图片垂直居中的使用技巧
- 圖片垂直居中的使用技巧
- CSS让图片垂直居中的几种技巧
- [技巧] 未知高度的图片垂直居中方法大全
- CSS让图片垂直居中的几种技巧
- CSS让图片垂直居中的几种技巧
- CSS让图片垂直居中的几种技巧
- 用css使图片垂直居中技巧
- 不一样的图片垂直居中
- 图片垂直居中的方法
- php URL编码解码函数
- 常用在网站上的30个jQuery插件
- Android SDK离线安装方法详解(加速安装)
- [Linux][2011-11-5] error 宏 linux socket
- Javascript获取select的选中值和选中文本
- 图片垂直居中的使用技巧
- 《编程珠玑(第二版)》读书笔记——第一章
- 弹出窗口插件欣赏
- 关于keil编译cortex-m3纯汇编时为什么问题使用align地址问题
- 永远别去考验人性
- 线程池多线程视频转码
- rpmdb open failed
- 阶乘
- C# Array和ArrayList区别及相互转化方法