Html 文本对齐问题：居中

这是我的CSS。

。图表图例{
文本对齐：居中；
}
.图表图例李{
列表样式类型：无；
填充顶部：15px；
}
.图表图例li span{
显示：内联块；
宽度：12px；
高度：12px；
右边距：5px；
}

HTML

{{a.title}}

在这里，第一个图例条目与中心对齐，而第二个条目不在对齐的第一个条目的正下方，而是在右侧留下一些空间。下面是图片。任何帮助都将不胜感激。提前感谢：）

---

我觉得他们两个都很像。它们各自居中，由于长度不同，它们的左边缘不会相互对齐

我怀疑你想让它们在一个div内左对齐，然后使div居中

---

另外，除非我遗漏了什么，否则您还没有包含生成附加图像所需的所有HTML。

我觉得它们都是以中心为中心的。它们各自居中，由于长度不同，它们的左边缘不会相互对齐

我怀疑你想让它们在一个div内左对齐，然后使div居中

---

另外，除非我遗漏了什么，否则您还没有包含生成附加图像所需的所有HTML。

它们居中，因为长度不同，看起来像这样。。
如果您想要这样的内容，您应该根据需要设置一个

padding:somthing

，
如果它和html元素相同，您也可以设置

left

属性。

---

希望这会对你有所帮助。

它们居中，因为长度不同，看起来像这样。。
如果您想要这样的内容，您应该根据需要设置一个

padding:somthing

，
如果它和html元素相同，您也可以设置

left

属性。
希望这会对你有所帮助。

谢谢大家：）但这对我来说很有效！：）

谢谢大家：）但这对我来说很有效！：）

---

你可以发布生成的html或只是部分的inspect元素的屏幕截图吗？如果你创建了一个问题的精确演示，你可以更快地得到帮助。元素完全居中。您需要什么？文本对齐：左对齐并添加填充，然后它们将很好地对齐到您选择的位置。正如其他人所说，它们现在处于中心位置，具有不同的长度使其看起来像这样。另一种可能是，你可以让正方形向左对齐，文本居中对齐，我想这就是你要找的。你可以发布生成的html或inspect元素的屏幕截图吗？如果你创建了一个问题的精确演示，你可以更快地得到帮助。元素完全居中。您需要什么？文本对齐：左对齐并添加填充，然后它们将很好地对齐到您选择的位置。正如其他人所说，它们现在处于中心位置，具有不同的长度使其看起来像这样。另一种可能是你可以让正方形向左对齐，文本居中对齐，我想这就是你要找的。

.chart-legend {
    width: 50%;
    margin: 0 auto;
}