Question

网站页面： http://atlantiscorp.com.au/index.php/atlantis-solutions/landscaping-solutions/australian-vertical-gardens

我试图将菜单中间的大标题对齐。我可以通过设置UL的宽度（到600px）然后做一个余量：0自动来获得它，但这没有响应，并且它也没有真正居中于中间。

有什么想法吗？ :(

Answer 1

尝试这些风格调整：

ul.nav {
  /* width: 600px; */
  margin: 0 auto;
  text-align: center;
}

ul.nav li {
  /* float: left; */
  margin-bottom: 8px;
  margin-right: 10px;
  display: inline-block;
}

取消设置width:600px;的{{1}}（或明确将其设置为100％）并同时为其ul.nav 从text-align: center;移除float:left;并设置ul.nav li

Answer 2

我没有足够的声誉来评论或要求更多关于理解的信息，所以我根据我理解的内容给出了我的回复。由于我没有您的代码，我的建议是在您的子文本中使用position:absolute; left:200px(try changing 200px to suit your positioning requirements)，其中包含有关的好处......

如何在中间对齐此菜单（仍然具有响应性）？

2 个答案: