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

我想从ul中删除所有缩进。我试着把边距、填充、文本缩进设置为0，但没有用。似乎将文本缩进设置为负数是可行的——但这真的是消除缩进的唯一方法吗?

当前回答

显示:作用是;也可以消除压痕，但也可以去除子弹。

其他回答

显示:作用是;也可以消除压痕，但也可以去除子弹。

下面的方法对我很有效。在Chrome、Edge和Firefox(需要特殊处理)中。项目符号被保留，并与周围的段落在同一行。

ul {
  padding-left: 0;
  margin-left: 17px;
}

/* Different value for Firefox */
@-moz-document url-prefix() {
  ul {
    margin-left: 14px;
  }
}

设置列表样式和左填充为空。

ul {
    list-style: none;
    padding-left: 0;
}

申{ list-style:郎; padding-left: 0; 的 <德> < li > a < / li > < li > b < / li > < li > c < / li > < /德>

为了保持项目符号，你可以将list-style: none替换为list-style-position: inside或简写list-style: inside:

ul {
  list-style-position: inside;
  padding-left: 0;
}

申{ list-style-position:内心; padding-left: 0; 的 <德> < li > a < / li > < li > b < / li > < li > c < / li > < /德>

我也有同样的问题与脚注，我试图划分。我发现这对我很有效，尝试了上面的一些建议:

footer div ul {
    list-style-position: inside;
    padding-left: 0;
}

这似乎使它在我的h1和div内的项目符号左边，而不是外面的左边。

去除衬垫:

padding-left: 0;

推荐文章