Div图片垂直居中的方法
2009-03-26 20:12
477 查看
css:
<style>
.box {
display: table-cell;
vertical-align:middle;
text-align:center;
*display: block;
*font-size: 200px;
*font-family:Arial;
width:200px;
height:200px;
border: 1px solid #eee; }
.box img {
vertical-align:middle; border:0;}
</style>
html:
<div class="box"><a href="http://bbs.suzhoumama.com" target="_blank"><img src="http://www.suzhoumama.com/bbs/attachments/month_0901/09010713200ec84bfc2acc1e92.jpg" /></a></div>
<style>
.box {
display: table-cell;
vertical-align:middle;
text-align:center;
*display: block;
*font-size: 200px;
*font-family:Arial;
width:200px;
height:200px;
border: 1px solid #eee; }
.box img {
vertical-align:middle; border:0;}
</style>
html:
<div class="box"><a href="http://bbs.suzhoumama.com" target="_blank"><img src="http://www.suzhoumama.com/bbs/attachments/month_0901/09010713200ec84bfc2acc1e92.jpg" /></a></div>
相关文章推荐
- Div图片垂直居中的方法
- 单个未知大小图片在div里面垂直居中的方法。。。添加辅助元素挤一下位置达到居中
- 在DIV中图片和文本垂直居中的方法
- CSS 图片在DIV中垂直居中的显示方法
- div中的内容-图片img垂直居中的五种方法
- 在DIV中图片垂直、水平居中(最简单方法)
- Div垂直居中及容器内图片垂直居中的CSS解决方法
- Div图片垂直居中的方法
- DIV里面的图片水平与垂直居中的方法
- Div图片垂直居中的方法
- 让图片在DIV容器里面水平垂直居中的方法
- CSS 图片在DIV中垂直居中的方法
- Div垂直居中及容器内图片垂直居中的CSS解决方法
- Div图片垂直居中的方法
- CSS Div图片垂直居中的方法
- div中图片垂直居中的方法
- DIV里面的图片水平与垂直居中的方法
- 实现图片垂直居中的方法
- 图片水平垂直居中于DIV(图片未知宽高)
- css图片在div内上下居中的方法