Question

根据chrome＆＃34;检查元素＆＃34;有padding-left:40px来自＆＃34;用户代理样式表＆＃34;。我想避免这种情况，而不会忽略我网络其余部分的用户代理样式表。

代码：http://jsfiddle.net/FranLegon/kvhu2vg4/ img：http://i.stack.imgur.com/uMvKC.png

   <!DOCTYPE html>
    <html>
    <head>
        <style>li {list-style-type:none; padding:0; margin:0;} </style>
    </head>
    <body>
        <ul>
            <li>aaaaa</li>
            <li>bbbbb</li>
            <li>ccccc</li>
            <li>ddddd</li>
            <li>eeeee</li>
        </ul>
    </body>
    </html>

Answer 1

默认填充位于ul元素上，而不是li元素。

ul { padding-left: 0; }

Updated Example

在大多数浏览器中，ul的默认padding-left值为40px。

＆＃13;

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

＆＃13;

<ul>
  <li>aaaaa</li>
  <li>bbbbb</li>
  <li>ccccc</li>
  <li>ddddd</li>
  <li>eeeee</li>
</ul>

＆＃13;

Answer 2

您不仅应该将它应用于列表项，还应该应用于列表：

ul, li {
    list-style-type:none;
    padding:0;
    margin:0;
}

<ul>
    <li>aaaaa</li>
    <li>bbbbb</li>
    <li>ccccc</li>
    <li>ddddd</li>
    <li>eeeee</li>
</ul>

从列表中删除左边距（CSS）

2 个答案: