html - 居中网站内容+垂直导航栏

Question

我试图通过页面右侧的垂直导航使页面的主要内容居中。对于较小的屏幕分辨率，没有问题。但是，对于超过 1400 像素的宽度，内容似乎是左对齐的。

对于 CSS，我只有:

margin-left: 200px;

但是，大多数时候我使用以下内容来居中:

margin: 0 auto;

对于媒体查询，我只是简单地消除了边距，因为导航栏会自行隐藏。

@media (max-width: 995px) {
.game_card, .game_card2, .footer_wrapper, .footer_legal {
margin-left: 0px;
 }
}

** 由于缺乏声誉点，无法发布图片，因此链接如下 ** https://ibb.co/eqJMF8

Answer 1

尝试设置 margin:0 auto;到你的CSS。它应该在所有屏幕尺寸上居中。

另外，检查 this出去。不久前，当我为此苦苦挣扎时，它对我帮助很大。