最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
css 垂直居中的实现方法
时间:2011-12-13 编辑:简简单单 来源:一聚教程网
利用绝对定位,让元素的顶部与居中线对齐,再让元素上移 50% 的高度。这个应该不难理解。原理可以用下图来做一个可视化说明:
代码如下 | 复制代码 |
* 代码实现: * 设定宽度和高度,父节点为 position:relative; CSS是这样写的: */ .selector { position:absolute;top:50%;。 margin-top:-元素自身高度的一半; } |
实例
代码如下 | 复制代码 |
|
-
下一个: css中空路径对页面性能影响的解决方案
相关文章
- CSS如何水平垂直居中?CSS水平垂直居中的方法汇总 12-20
- 整理CSS实现垂直居中的5种方法优缺点 05-12
- css中div百分比垂直居中几种方法 11-17
- CSS下水平居中和垂直居中例子 09-04
- css div水平垂直居中几个例子 08-09
- CSS实现DIV内容居中(垂直)方法 12-23