如何将页面内容设置到屏幕中间?[副本]

这个问题在这里已经有答案了

9年前关闭的

可能重复:
如何对齐a<部门>到页面中间

我需要在屏幕中间显示一个网页的内容,不管它的屏幕大小是大还是小,分辨率高还是低,总是自动调整到屏幕中间。

我猜无论浏览器窗口大小如何,您都希望垂直和水平地将框居中。由于长方体的宽度和高度是固定的,因此应该可以:

标记:

<部门&gt&lt/部门>

CSS:

div{
高度:200px;
宽度:400px;
背景:黑色;
位置:固定;
最高:50%;
左:50%;
利润上限:-100px;
左边距:-200px;
}

即使调整浏览器大小,div也应保持在屏幕中央。只需将上边距和左边距替换为桌子高度和宽度的一半即可

编辑:归功于CSS技巧,我从中得到了最初的想法

发表评论