【发布时间】:2018-06-04 16:03:36
【问题描述】:
我正在尝试通过页面右侧的垂直导航使页面的主要内容居中。对于较小的屏幕分辨率,没有问题。但是,对于 1400 像素以上的宽度,内容似乎向左对齐。
对于我刚刚拥有的 CSS:
margin-left: 200px;
但是,大多数时候我使用以下方法来居中内容:
margin: 0 auto;
对于媒体查询,我只是消除了边距,因为导航栏会自行隐藏。
@media (max-width: 995px) {
.game_card, .game_card2, .footer_wrapper, .footer_legal {
margin-left: 0px;
}
}
** 由于缺乏声誉 pts,无法发布图片,因此链接如下 ** https://ibb.co/eqJMF8
【问题讨论】:
-
你试过
margin: 0 auto换@media (max-width: 995px){ }吗? -
当我这样做时,主要元素保持在右侧 200 像素。 (由于侧边栏菜单,我设置了初始的 200 像素左边距。
-
目前,该网站在较小的屏幕上显示良好——只是在较大的桌面上显示不佳。这是图片 --> ibb.co/eqJMF8
标签: html css centering margins