<分区>
当我使用 top:50% 和 left:50% 时
盒子不在正中央。当然，当盒子很小的时候，它看起来是居中的。但是当盒子有点大时，它看起来好像没有居中。
我该如何解决这个问题？
标签 css
<分区>
当我使用 top:50% 和 left:50% 时
盒子不在正中央。当然，当盒子很小的时候，它看起来是居中的。但是当盒子有点大时，它看起来好像没有居中。
我该如何解决这个问题？
最佳答案
top 和 left 对应于框的左上角。你要做的是让它们与中心相对应。因此，如果您将 margin-top 和 margin-left 分别设置为高度和宽度的一半的负数，您将得到一个居中的框。
300x200 框的示例:
width: 300px;
height: 200px;
top: 50%;
left: 50%;
margin-left: -150px;
margin-top: -100px;
关于css:如何将框 div 元素直接居中居中？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/1725759/