这个问题在这里已经有答案了:
9年前关闭的
可能重复:
如何对齐a<;部门>;到页面中间
我需要在屏幕中间显示一个网页的内容,不管它的屏幕大小是大还是小,分辨率高还是低,总是自动调整到屏幕中间。
我猜无论浏览器窗口大小如何,您都希望垂直和水平地将框居中。由于长方体的宽度和高度是固定的,因此应该可以:
标记:
<;部门></部门>;
CSS:
div{
高度:200px;
宽度:400px;
背景:黑色;
位置:固定;
最高:50%;
左:50%;
利润上限:-100px;
左边距:-200px;
}
即使调整浏览器大小,div也应保持在屏幕中央。只需将上边距和左边距替换为桌子高度和宽度的一半即可
编辑:归功于CSS技巧,我从中得到了最初的想法