如何从无序列表项中删除缩进？

• Z时代
• 2024-01-10
• 分类：问答

我想从中删除所有缩进ul。我试着设置margin，padding，text-indent给0，却无济于事。似乎将text-

indent数值设置为负数可以解决问题-但这真的是消除缩进的唯一方法吗？

回答：

将列表样式设置为空，而将左边框设置为空。

ul {
    list-style: none;
    padding-left: 0;
}​
ul {
  list-style: none;
  padding-left: 0;
}
<ul>
  <li>a</li>
  <li>b</li>
  <li>c</li>
</ul>

要维护项目符号，可以list-style: none用 list-style-position: inside或简写代替list-style:

inside：

ul {
  list-style-position: inside;
  padding-left: 0;
}
ul {
  list-style-position: inside;
  padding-left: 0;
}
<ul>
  <li>a</li>
  <li>b</li>
  <li>c</li>
</ul>

以上是 如何从无序列表项中删除缩进？ 的全部内容， 来源链接： utcz.com/qa/427612.html