Question

我使用过引导程序菜单，但我喜欢保留菜单内容＆＃34; {li}＆＃34;在中心。因为菜单内容＆＃34; {li}＆＃34;不固定。它可能会增加或减少。即便它也只有2 {li}。当我保持2 {li}它来到左边的网站看起来不太好。因此，如何将菜单内容{li}保持在中心位置，它也应该在响应中起作用。请帮助我。

感谢。阿提克

Answer 1

您可以尝试使用flexbox

nav {
  display: flex;
  justify-content: center;
}
nav ul {
    display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
nav li a {
      padding: 1rem 2rem;
}

<nav>
<ul>
	<li><a href="#">NAV #1</a></li>
	<li><a href="#">NAV #2</a></li>
	<li><a href="#">NAV #3</a></li>
	<li><a href="#">NAV #4</a></li>
	<li><a href="#">NAV #5</a></li>
</ul>
</nav>

如何保持中心菜单

1 个答案: