最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
css使用display:table-cell实现图片垂直居中
时间:2014-07-25 编辑:简简单单 来源:一聚教程网
在E8及以上版本及大部分的主流浏览器测试效果
HTML代码
代码如下 | 复制代码 |
样式规则
代码如下 | 复制代码 |
.img{ display:table-cell; vertical-align:middle; width:400px; height:500px; text-align:center; border:#CCC 1px solid; } |
/*IE7不支持该方法*/
-
上一个: CSS3中属性选择器使用方法详解
-
下一个: 深入分析IE浏览器hasLayout
相关文章
- CSS 鼠标点击拖拽效果代码展示 10-31
- CSS使用SVG实现动态分布的圆环发散路径动画教程 10-31
- css3中仿放大镜效果的几种方式原理介绍 10-26
- CSS3切割轮播图的代码展示 10-26
- CSS组合选择器解析 10-26
- css带搜索导航栏的代码展示 10-26