Javascript HTML如何使水平条选项卡居中？

我这里有一个单杠。我想知道。如何在酒吧中心制作标签。而不是在左边。有人能告诉我怎么做吗？还包括一个片段给我好吗

我的代码：

ul{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#333；
}
李{
浮动：左；
}
李阿{
显示：块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
李娜：停下来{
背景色：#111；
}
身体{
背景颜色：粉红色；
}

您可以将ul元素（或您可能有的任何包装）上的

左边距

和

右边距

设置为自动

margin auto

适用于宽度小于页面宽度的元素，在这种情况下，

ul

占用整个宽度，因此没有任何内容居中，

text align:center

对于

ul

和

display:inline block

是这种情况下的解决方案

ul{
列表样式类型：无；
填充：0；
溢出：隐藏；
背景色：#333；
文本对齐：居中；
}
李{
显示：内联块；
}
李阿{
显示：块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
李娜：停下来{
背景色：#111；
}
身体{
背景颜色：粉红色；
}

文本对齐：居中在
UL
元素上，然后设置
显示：内联块在
LI
元素上（而不是浮动）


ul{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#333；
文本对齐：居中；/*添加*/
}
李{
/*浮动：左；*/显示：内联块；
}
李阿{
显示：块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
李娜：停下来{
背景色：#111；
}







将
浮动：左
更改为
显示：内联块
，并将
文本对齐：居中
设置为ul类


ul{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#333；
文本对齐：居中；
}
李{
显示：内联块；
}
李阿{
显示：块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
李娜：停下来{
背景色：#111；
}
身体{
背景颜色：粉红色；
}








ul{
显示器：flex；
证明内容：中心；
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#333；
}
李{
浮动：左；
}
李阿{
显示：块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
李娜：停下来{
背景色：#111；
}
身体{
背景颜色：粉红色；
}







添加文本对齐：居中的ul和更改显示：内联块李的


ul{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
文本对齐：居中；
背景色：#333；
}
李{
显示：内联块；
}
李阿{
显示：块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
李娜：停下来{
背景色：#111；
}
身体{
背景颜色：粉红色；
}







检查此Ans可能对您有所帮助。现在文本是中心


ul{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#333；
文本对齐：居中；
}
李{
浮动：无；
显示：内联块；
}
李阿{
显示：块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
李娜：停下来{
背景色：#111；
}
身体{
背景颜色：粉红色；
}







很高兴它能为您工作。如果您需要支持旧浏览器，可能无法正常工作，或者您可能需要为css添加前缀，请注意。