html给无序列表加缩进,从无序HTML列表中删除缩进

6 个答案:

答案 0 :(得分：15)

从padding-left删除默认ul(此缩进确保标记不会被推到列表之外)，padding的自定义li应该有效：

.content ul.searchlist { padding-left : 0; }

.content ul.searchlist li { padding : 10px 0; }

答案 1 :(得分：4)

我认为您应该在另一个代码之前重置默认样式表。这是最好的做法。例如下面：

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

margin: 0;

padding: 0;

border: 0;

font-size: 100%;

font: inherit;

vertical-align: baseline;

}

/* HTML5 reset for older browsers */

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

display: block;

}

body {

line-height: 1;

}

ol, ul {

list-style: none;

}

blockquote, q {

quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

content: '';

content: none;

}

table {

border-collapse: collapse;

border-spacing: 0;

}

答案 2 :(得分：4)

您正在寻找list-style-type:而不是list-style:，然后您需要将其margin和padding设置为0，或者w / ë

.content .searchlist {

float: left;

width: 700px;

list-style-type: none;

margin: 0;

padding: 0;

background: red;

}

答案 3 :(得分：3)

opera next，chrome，safari和webkit似乎都在左侧40px添加了padding：

来源：

ul, menu, dir {

display: block;

list-style-type: disc;

-webkit-margin-before: 1em;

-webkit-margin-after: 1em;

-webkit-margin-start: 0px;

-webkit-margin-end: 0px;

-webkit-padding-start: 40px;

}

修正：

#body-content > div > ul {padding-left:0;}

答案 4 :(得分：1)

试试这个：

.content .searchList {

padding-left: 0px;

}

ul元素默认以padding开头。

答案 5 :(得分：0)

将padding设为0：

.content .searchlist {

background: none repeat scroll 0 0 #FF0000;

float: left;

list-style: none outside none;

margin: 15px 0 0;

width: 700px;

padding: 0;

}