2回答

好帮手慕夭夭

2019-10-29

你好同学，设置定位不能居中的原因参考如下理解：

h2是块级元素，块元素在正常文档流中，宽度默认是自占一行的。设置text-align：center。就是让文字在h2中居中。由于h2宽度相对页面100%显示，所以文字也就相对页面水平居中了。

当设置定位之后，h2就脱离文档流了，此时宽度就不会再相对页面100%显示，所以文字在h2中居中，看起来就不会相对整个页面居中了。

如果设置了定位，你可以手动设置宽度100%，文字就会在页面中居中，如下：

祝学习愉快，望采纳。

0

你要去哪

提问者

2019-10-29

我找到原因了。。去掉position: absolute;就可以水平居中了。但是 ，为什么呀？

0