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

Question

我想删除所有缩进ul.我试着设置margin,padding,text-indent给0,却无济于事.似乎设置text-indent为负数就可以了 - 但这是否真的是删除缩进的唯一方法？

Answer 1

设置列表样式并将左边距填充为空.

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

jsFiddle例子

为了维护子弹,您可以替换list-style: none使用 list-style-position: inside或简写list-style: inside:

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

jsFiddle例子

Answer 2

我删除<ul>缩进的首选解决方案是一个简单的CSS单行程序:

ul { padding-left: 1.2em; }

<p>A leading line of paragraph text</p>
<ul>
    <li>Bullet points align with paragraph text above.</li>
    <li>Long list items wrap around correctly. Long list items wrap around correctly. Long list items wrap around correctly. Long list items wrap around correctly. Long list items wrap around correctly. </li>
    <li>List item 3</li>
</ul>
<p>A trailing line of paragraph text</p>

该解决方案不仅轻巧,而且具有多种优势:

• 它很好地左对齐<ul>的项目符号到周围的正常段落文本(= <ul>的缩进删除).
• 如果<li>元素中的文本块环绕成多行,则它们将保持正确缩进.

旧版信息:
对于IE 8及以下版本,您必须使用margin-left代替:

    ul { margin-left: 1.2em; }

Answer 3

将其添加到您的CSS:

ul { list-style-position: inside; }

这将把li元素放在与其他段落和文本相同的缩进中.

参考:http://www.w3schools.com/cssref/pr_list-style-position.asp

Answer 4

display:table-row; 也将摆脱缩进，但将删除项目符号。

Answer 5

你能提供一个链接吗 ？谢谢我可以看看你的css选择器很可能不够强大或者你可以试试

padding:0!important;

Answer 6

删除填充：

padding-left: 0;