【问题标题】:Centering Website Content + Vertical Nav Bar居中网站内容 + 垂直导航栏
【发布时间】: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


【解决方案1】:

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

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

【讨论】:

  • 感谢您的链接。如果没有左侧的导航栏,我可以很好地居中。对所有内容进行自定义媒体查询会很痛苦——但必须有办法将左侧屏幕上的 200 像素考虑在内。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-11-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多