我可以移除子弹而不是仅仅隐藏它们吗？

Question

当我使用代码列表样式时：none；删除项目符号，它似乎只是隐藏它们，因为对齐偏离中心，就好像项目符号只是不可见但仍然存在。如何使列表居中对齐？

这张图片显示了未隐藏的子弹。

在此图中，当我隐藏项目符号时，列表偏离中心，好像项目符号不可见但仍然影响对齐。

Answer 1

您只需删除列表中的 padding-left。

#list-2 {
  list-style: none;
}
#list-3 {
  list-style: none;
  padding-left: 0;
}

<ul id="list-1"> 
  <li>Foo</li>
  <li>Bar</li>
  <li>Baz</li>
</ul>
<ul id="list-2"> 
  <li>Foo</li>
  <li>Bar</li>
  <li>Baz</li>
</ul>
<ul id="list-3"> 
  <li>Foo</li>
  <li>Bar</li>
  <li>Baz</li>
</ul>

Answer 2

用你的列表项试试这个代码class它可能会工作并且会对齐到中心

display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
list-style: none;

我可以移除子弹而不是仅仅隐藏它们吗？

Can I remove bullets instead of just hiding them?

css

alignment

html-lists