Html 以网站内容为中心+;垂直导航条

Html 以网站内容为中心+;垂直导航条,html,css,centering,margins,Html,Css,Centering,Margins,我正在尝试将页面的主要内容置于页面右侧的垂直导航的中心位置。对于较小的屏幕分辨率,没有问题。但是,对于大于1400px的宽度,内容似乎向左对齐 对于CSS,我有: margin-left: 200px; 但是,大多数情况下,我使用以下方法来集中内容: margin: 0 auto; 对于媒体查询,我只是消除了边距,因为导航栏会隐藏自己 @media (max-width: 995px) { .game_card, .game_card2, .footer_wrapper, .footer_l

我正在尝试将页面的主要内容置于页面右侧的垂直导航的中心位置。对于较小的屏幕分辨率,没有问题。但是,对于大于1400px的宽度,内容似乎向左对齐

对于CSS,我有:

margin-left: 200px;
但是,大多数情况下,我使用以下方法来集中内容:

margin: 0 auto;
对于媒体查询,我只是消除了边距,因为导航栏会隐藏自己

@media (max-width: 995px) {
.game_card, .game_card2, .footer_wrapper, .footer_legal {
margin-left: 0px;
 }
}
**由于缺乏声誉,无法发布图像,因此下面有一个链接**
尝试设置边距:0自动;到你的css。它应该以所有屏幕尺寸为中心


还有,看看。不久前我还在努力解决这个问题时,它帮了我很大的忙。

您是否尝试过
@media(max width:995px){}
margin:0 auto
?当我这样做时,主要元素保持在右边200px。(由于侧边栏菜单,我设置了最初的200px左边距。目前,该网站在较小的屏幕上显示良好,而不是在较大的桌面上。这是图像-->感谢链接。我可以在没有左侧导航栏的情况下将内容居中。对所有内容进行自定义媒体查询将是一件痛苦的事情,但必须有一个y以将左侧屏幕上的200px考虑在内。