Question

如何在使用CSS GRID时使用水平对齐方式在html / css中创建导航栏？

我无法让文字排成一列，无论我做什么，它都会叠加在一起。

Answer 1

＆＃13;

ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
   list-style-type: none;
}

＆＃13;

<html>
<head>
</head>
<body>
<nav>
  <ul>
    <li>Home</li>
    <li>Contact us</li>
    <li>Report</li>
  </ul>
</nav>
</body>
</html>

＆＃13;

使用 CSS GRID

的导航栏的最简单示例