最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
三款css div 图片垂直居中代码
时间:2010-10-17 编辑:简简单单 来源:一聚教程网
代码如下 | 复制代码 |
cssbox{ |
方法二
代码如下 | 复制代码 |
|
方法三
代码如下 | 复制代码 |
|
1.该方法实现的垂直居中效果必须在严格模式(dtd xhtml 1.0 strict)下才能生效.
2.对于标准浏览器(ff,opera,chrome,ie8…)而言.imgbox img{ vertical-align:middle;}就可以实现图片垂直居中.
3.对于ie7,我们可以用line-来达到目的.
4.剩下的ie6是用*html .imgbox{ font-size:360px; font-family:arial;}来实现的.其中360=400*90%得来的,400为容器的高度,用90%是因为容易记,其精确值为0.873.至于这个数值怎么来的没有具体研究…
方法三
代码如下 | 复制代码 |
|
-
上一个: css div 边框阴影
相关文章
- css position图片垂直居中的例子 07-08
- css实现body背景图片水平垂直居中方法 06-28
- css实现在div水平垂直居中与图片水平居中的效果 05-20
- css实现图片垂直居中方法 01-25
- css 让div中图片垂直居中办法 10-09
- css控制 图片垂直居中 06-23