Html 如何在css网格中创建水平ul列表？

在使用css网格时，如何在html/css中创建水平对齐的导航栏

我无法将文本排成一行，无论我做什么，文本都会堆叠在一起。

ul{
显示：网格；
网格模板柱：1fr 1fr 1fr 1fr 1fr；
列表样式类型：无；
}

家
联系我们
报告

您尝试过什么？发布一些代码…欢迎来到stackoverflow。默认情况下，CSS没有网格系统。网格系统是框架（如Twitter的Bootstrap）实现的一种通用工具，用于更快、更高效的开发。根据你的问题很难知道你想要什么。我敦促你阅读我下一篇文章中的所有链接。然后把你尝试过的东西贴出来，清楚地解释什么不起作用，并提供一个答案。阅读请务必阅读和阅读。尝试使用bootstrap@adprocas：CSS确实有一个。没有任何理由引入Bootstrap之类的框架，并通过类或其他方式向HTML文档提供格式提示。这个问题是询问如何在网格轨迹上水平布置菜单。这并不是问如何使用CSS网格布局来创建菜单，就像文斯暗示的那样。这是可行的，但为什么呢？在上面的代码中，你可以看到我把屏幕空间分成了5等分。[网格模板列：1fr 1fr 1fr 1fr；]。现在，每当您添加一个

项时，每个

项都将分配到每个列。如果您有10个

项，那么您将有2行5列。只要尝试添加更多的

项，就可以更好地理解它。CSS网格在设计二维结构时更有效。同样，CSS FLEX对于一维更有效，正如@Vince所说的！