一个图片垂直居中的方法
2012-06-02 13:54
232 查看
/*图片垂直居中*/
.img1{display:table-cell;vertical-align:middle;width:98px;height:98px;text-align:center;*display:block;*font-size:98px;border:1px solid #e0e0e0;}
.img1 a img{text-align:center;vertical-align:middle;}
.img{width:98px;height:98px;border:1px solid #ccc;overflow:hidden;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.img a{position:static;+position:absolute;top:50%;}
.img a img{position:static;+position:relative;top:-50%;left:-50%;}
.img1{display:table-cell;vertical-align:middle;width:98px;height:98px;text-align:center;*display:block;*font-size:98px;border:1px solid #e0e0e0;}
.img1 a img{text-align:center;vertical-align:middle;}
.img{width:98px;height:98px;border:1px solid #ccc;overflow:hidden;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.img a{position:static;+position:absolute;top:50%;}
.img a img{position:static;+position:relative;top:-50%;left:-50%;}
相关文章推荐
- CSS图片垂直居中实现方法详解
- CSS图片垂直居中方法
- 在DIV中图片和文本垂直居中的方法
- 【技术】CSS图片垂直居中方法
- 实现任意图片(高度不确定)垂直居中的三种方法
- 垂直居中及容器内图片垂直居中的CSS解决方法
- 使用纯CSS实现未知尺寸的图片(但高宽都小于500px)在500px的正方形容器中水平和垂直居中。你有几种方法?
- 转载未知大小的图片在一个已知大小容器中的水平和垂直居中(二)
- 一个未知高度垂直居中的简单方法
- css让一个div水平垂直居中方法大全
- 图片和文字垂直居中的方法
- 假如有一个固定高度的div,如何让里面的一个图片垂直居中?
- 用CSS让img input select button 图片,文本框,下拉菜单,按扭垂直居中的方法
- CSS图片垂直居中方法
- [推荐] CSS图片垂直居中方法整理集合 !(常见问题解答)
- 让一个图片在div中居中(四种方法)
- 图片文字垂直居中的方法
- 实现任意图片垂直居中的三种方法
- CSS——几种让一个容器水平垂直居中的方法