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

小编典典

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

html

我想从中删除所有缩进ul。我试着设置margin，padding，text-indent给0，却无济于事。似乎将text- indent数值设置为负数可以解决问题-但这真的是消除缩进的唯一方法吗？

阅读 788

2020-05-10

共1个答案

小编典典

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

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>

2020-05-10