最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
css 垂直居中的实现方法
时间:2022-06-25 10:13:00 编辑:袖梨 来源:一聚教程网
利用绝对定位,让元素的顶部与居中线对齐,再让元素上移 50% 的高度。这个应该不难理解。原理可以用下图来做一个可视化说明:
| 代码如下 | 复制代码 |
| * 代码实现: * 设定宽度和高度,父节点为 position:relative; CSS是这样写的: */ .selector { position:absolute;top:50%;。 margin-top:-元素自身高度的一半; } |
|
实例
| 代码如下 | 复制代码 |
|
|
|
相关文章
- 烈火勇者传奇攻略汇总—新手攻略一览 09-09
- 明日方舟终末地地图如何探索 地图探索攻略 09-09
- 《明日方舟 终末地》萨卡兹塞西强度说明 09-09
- Git实现方式删除远程分支+本地分支实用指南 09-09
- 明日方舟终末地墓地效果说明 09-09
- Github库镜像到本地私有Gitlab服务器实现方式过程实用指南 09-09

