如何达到水平垂直居中-慕课网

首页课程实战体系课手记专栏慕课教程

如何达到水平垂直居中

来源：8-4 CSS3中的变形--位移 translate()

黄太_后

2017-02-26 11:05

为什么通过绝对定位之后就实现了水平垂直居中呢？究竟是怎么达到这个效果的啊？

写回答关注

2回答

慕仔5966192

2017-03-13 22:14:48

跟上面一样，严格的来说应该在50%的基础上再减掉长宽的一半

1 1

yangto...

例子对着呢，translate里面的50%，是相当于自身的长和高的50%。而且上面top和left也设置了50%

2017-07-16 12:13:11

共 1 条回复 >
zhangyudemuke

2017-02-26 17:36:26

div元素原本绝对定位，左上角相对于父元素的top和left向下和向右移动50%，再通过translate向左和向上移动50%达到水平垂直居中。

0 1

十天精通CSS3

本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备

242553 学习 · 2623 问题

相似问题

translate水平垂直居中

回答 1

块状元素水平垂直居中问题

回答 1

如何让分割线垂直居中？

回答 1

为什么ul的行高只有在50px时可以使li标签水平垂直居中

回答 4

请问li的文字怎么实现在ul水平居中的？

回答 5

打开慕课网App查看更多内容