如何使用css让一个已知宽高的盒子垂直水平居中?

2024年11月16日 09:19
有3个网友回答
网友(1):

在黑马程序员学习时候就会有老师教过,知道盒子的自身长度和宽度,其实解决的思路是这样的:首们需要position:absolute;绝对定位。再使用margin负值的方法。负值的大小为此盒子自身宽度高度除以二。 代码如下:
position: absolute;
top: 50%;
left: 50%;
margin-left: -自身盒子宽度/2;
margin-top: -自身盒子高度/2;不知道是否能够帮助到您,有帮助的话,请采纳,谢谢

网友(2):

...

网友(3):

在黑马程序员学习时候就会有老师教过,知道盒子的自身长度和宽度,其实解决的思路是这样的:首们需要position:absolute;绝对定位。再使用margin负值的方法。负值的大小为此盒子自身宽度高度除以二。 代码如下:
position: absolute;
top: 50%;
left: 50%;
margin-left: -自身盒子宽度/2;
margin-top: -自身盒子高度/2;