如何达到水平垂直居中

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

黄太_后

2017-02-26

源自：十天精通CSS3 8-4

关注问题我要回答

1185

操作

收起

2 回答

慕仔5966192
2017-03-13

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

1 回复有任何疑惑可以回复我~

收起回答

yangtongjie

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

2017-07-16 回复有任何疑惑可以回复我~

zhangyudemuke
2017-02-26

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

1 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

十天精通CSS3

参与学习 242687 人
解答问题 2623 个

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

进入课程

本课相似问答

1 回答translate水平垂直居中

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

1 回答如何让分割线垂直居中？

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

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

搜索更多本课相关问答

如何达到水平垂直居中

我要回答关注问题

热搜

最近搜索清空

如何达到水平垂直居中

2 回答

本课相似问答

如何达到水平垂直居中