Div图片垂直居中的方法
2011-01-13 16:29
302 查看
<style> .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"> <a href="http://www.howpm.com" target="_blank"> <img src="http://howpm.com/images/dz7/logo.gif" /> </a> </div>
相关文章推荐
- DIV里面的图片水平与垂直居中的方法
- div中图片垂直居中的方法
- 在DIV中图片垂直、水平居中(最简单方法)
- Div图片垂直居中的方法
- CSS Div图片垂直居中的方法
- Div图片垂直居中的方法
- 让图片在DIV容器里面水平垂直居中的方法
- Div垂直居中及容器内图片垂直居中的CSS解决方法
- div中的内容-图片img垂直居中的五种方法
- 单个未知大小图片在div里面垂直居中的方法。。。添加辅助元素挤一下位置达到居中
- Div图片垂直居中的方法
- 在DIV中图片和文本垂直居中的方法
- CSS 图片在DIV中垂直居中的显示方法
- DIV里面的图片水平与垂直居中的方法
- CSS 图片在DIV中垂直居中的方法
- Div图片垂直居中的方法
- Div垂直居中及容器内图片垂直居中的CSS解决方法
- CSS教程:div垂直居中的N种方法
- div垂直居中的N种方法
- 文字或图片元素在DIV中垂直居中