中心网站内容+垂直导航栏

时间:2018-06-04 16:03:36

标签: html css centering margins

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

对于我刚才拥有的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

1 个答案:

答案 0 :(得分:1)

Try setting margin:0 auto; to your css. It should be centered on all screen sizes.

Also, check this out. It helped me a lot when I was struggling with this not that long ago.