Html 如何使这些导航项目居中？

这是不言而喻的，但我对编码相当陌生（正如您可能知道的）

我无法将这些列表项放到导航栏的中心

这是HTML

#导航{
填充：0px；
宽度：100%；
背景色：#e69ae3；
}
保险商实验室{
列表样式类型：无；
边际：0px；
填充：0px；
溢出：隐藏；
}
李{
浮动：左；
}
李亚华
显示：块；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
颜色：#9d3099
}
李娜：停下来{
背景色：#febdfb；
颜色：黑色；
}

从

li

中删除

float

属性，并将

ul

显示为一个灵活的容器，将内容放在中间

#导航{
填充：0px；
宽度：100%；
背景色：#e69ae3；
}
保险商实验室{
列表样式类型：无；
边际：0px；
填充：0px；
溢出：隐藏；
显示：flex；/*已添加*/
对齐内容：中心；/*已添加*/
}
李阿{
显示：块；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
颜色：#9d3099
}
李娜：停下来{
背景色：#febdfb；
颜色：黑色；
}

从

li

中删除

float

属性，并将

ul

显示为一个灵活的容器，将内容放在中间

#导航{
填充：0px；
宽度：100%；
背景色：#e69ae3；
}
保险商实验室{
列表样式类型：无；
边际：0px；
填充：0px；
溢出：隐藏；
显示：flex；/*已添加*/
对齐内容：中心；/*已添加*/
}
李阿{
显示：块；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
颜色：#9d3099
}
李娜：停下来{
背景色：#febdfb；
颜色：黑色；
}

您可以通过将元素的宽度设置为50%并将边距设置为自动，将元素置于CSS的中心位置。为此，我建议创建一个中心类并将其应用于标记

然后将此类添加到标记中，如下所示：

<ul class="center">

您可以通过将元素的宽度设置为50%并将边距设置为自动，将元素置于CSS的中心位置。为此，我建议创建一个中心类并将其应用于标记

然后将此类添加到标记中，如下所示：

<ul class="center">

你是说像这样？

只有两个更改

文本对齐：居中和
显示：内联块


#导航{
填充：0px；
宽度：100%；
背景色：#e69ae3；
文本对齐：居中；
}
保险商实验室{
列表样式类型：无；
边际：0px；
填充：0px；
溢出：隐藏；
显示：内联块；
}
李{
浮动：左；
}
李亚华
显示：块；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
颜色：#9d3099
}
李娜：停下来{
背景色：#febdfb；
颜色：黑色；
}








你是说像这样？

只有两个更改
文本对齐：居中和
显示：内联块


#导航{
填充：0px；
宽度：100%；
背景色：#e69ae3；
文本对齐：居中；
}
保险商实验室{
列表样式类型：无；
边际：0px；
填充：0px；
溢出：隐藏；
显示：内联块；
}
李{
浮动：左；
}
李亚华
显示：块；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
颜色：#9d3099
}
李娜：停下来{
背景色：#febdfb；
颜色：黑色；
}








您必须将flex属性赋予#navid显示：flex和调整内容：中心


#导航{
填充：0px；
宽度：100%；
背景色：#e69ae3；
显示器：flex；
证明内容：中心；
}
保险商实验室{
列表样式类型：无；
边际：0px；
填充：0px；
溢出：隐藏；
}
李{
浮动：左；
}
李亚华
显示：块；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
颜色：#9d3099
}
李娜：停下来{
背景色：#febdfb；
颜色：黑色；
}








您必须将flex属性赋予#navid显示：flex和调整内容：中心


#导航{
填充：0px；
宽度：100%；
背景色：#e69ae3；
显示器：flex；
证明内容：中心；
}
保险商实验室{
列表样式类型：无；
边际：0px；
填充：0px；
溢出：隐藏；
}
李{
浮动：左；
}
李亚华
显示：块；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
颜色：#9d3099
}
李娜：停下来{
背景色：#febdfb；
颜色：黑色；
}








完美。谢谢，太好了。谢谢你