css - 删除 HTML 列表中的缩进

Question

我正在为移动网站开发动态 HTML 列表。基本概念有效，但我想删除列表一侧的间距。我试过 margin-left 和 padding-left，但还是不行。

示例:

/* Now */
    List1
    List2
    List3

/* And I want */
List1
List2
List3

Answer 1

Safari 上的计算样式 <ul>

display: block;
font-family: 'Lucida Grande', Arial, Helvetica;
font-size: 12px;
height: 30px;
list-style-type: disc;
margin-bottom: 12px;
margin-left: 0px;
margin-right: 0px;
margin-top: 12px;
padding-bottom: 0px;
padding-left: 40px;
padding-right: 0px;
padding-top: 0px;
width: 795px;

对于 <li> (如你所见，大部分继承自父级 <ul> )

display: list-item;
font-family: 'Lucida Grande', Arial, Helvetica;
font-size: 12px;
height: 15px;
list-style-type: disc;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-align: -webkit-auto;
width: 795px;

Padding-left(也是继承的)；

padding-left: 40px;

将它设置为更低的值:

padding-left: 0px;