div固定高度中图片垂直居中显示
来源:互联网 发布:不付费的音乐软件 编辑:程序博客网 时间:2024/05/06 15:37
<style type="text/css">
.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;}
</style>
<div class="box"><img src="http://pics.taobao.com/bao/album/promotion/taoscars_180x95_071112_sr.jpg" /></div>
.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;}
</style>
<div class="box"><img src="http://pics.taobao.com/bao/album/promotion/taoscars_180x95_071112_sr.jpg" /></div>
- div固定高度中图片垂直居中显示
- 让文字在固定高度的div中垂直居中显示
- img垂直居中于固定宽高度的div中
- 无固定高度的div垂直居中
- 高度固定的div垂直居中
- 假如有一个固定高度的div,如何让里面的一个图片垂直居中?
- DIV中图片垂直居中
- div+css中如何让图片垂直居中显示
- /CSS 图片在DIV中垂直居中的显示方法
- CSS 图片在DIV中垂直居中的显示方法
- CSS 图片在DIV中垂直居中的显示方法
- 无固定高度的div在父元素中垂直居中的方法
- div 垂直居中 解决方案(一行,多行,固定高度)
- 图片在div中垂直方向居中,垂直居中
- div 中image 垂直水平居中显示
- css div中文字垂直居中显示
- DIV中图片image垂直居中
- div中如何使图片垂直居中
- Eclipse 导入android源代码build path错误
- vc 调用delphi DLL ,传字符串参数
- sqlserver2008数据库备份、还原的简单操作
- Java基础加强 四
- 该写些东西了
- div固定高度中图片垂直居中显示
- ORACLE中like与instr性能大比拼
- Android 应用程序窗体显示状态操作(requestWindowFeature()的应用)
- ObjectiveC 深浅拷贝学习
- C语言:枚举类型enum
- poj 1063 Flip and Shift
- Android PreferenceScreen背景 在2.1 2.2系统上的Bug
- ARP攻击 绑定MAC
- PRAGMA AUTONOMOUS_TRANSACTION