Html 列表与CSS对齐

我有一个用小数显示数字的列表。我希望它们都在中间对齐，但是它们有不同的十进制长度，所以这会导致一些UI问题

例如，其当前显示的内容如下

 14.88
18.123
20.452
 10.22
  3.1

它当前的HTML和CSS非常简单

.我的名单{ 文本对齐：居中 } 14.88

---

您正在使用文本对齐：居中

尝试同样的方法：

.my-list {
  text-align: left
}

---

这应该可以做到。

您可以尝试同样的列表样式css属性，以删除项目符号

.myList{
  text-align:left;
  list-style:none;
}

迈利斯先生{ 列表样式：无； 宽度：100px； } 李先生{ 文本对齐：居中； } 14.88 18.123 20.452 10.22 3.1

---

假设您希望列表本身居中，项目左对齐：

选项1：将列表用作块，但使用固定宽度 保险商实验室{ 填充：10px； 列表样式类型：无； 背景色：ccc； 宽度：25%； /*居中*/ 保证金：0自动； } /*在我的示例中不需要，但您可能需要它*/ 锂 { 文本对齐：左对齐； } 14.88 18.123 20.452 10.22 3.1

---

你能提供你的代码html，css…？可能重复的我觉得用JS对齐一个简单的列表是过分的我希望他们在中心对齐，但同时捕捉到最左边的部分。这没有意义，除非您希望列表居中且列表项向左对齐。@JonP是的，我希望列表居中，但项目向左对齐是的，但如果我左对齐，所有内容都将移到最左侧。。。我希望他们保持在中间，但只是数字正确对齐