Question

我想删除li标签前的空格（标记为黄色），我不知道如何。

我读了关于这个问题的其他问题，但它对我没有帮助，我试图增加保证金：0px

这是描述问题的屏幕截图：

enter image description here

<html dir="rtl">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1255">
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
<style type="text/css">

*
{
    font-size:13pt;
    font-family:Arial;
}

hr {
border:1px; Border-Style: solid; border-color: D8D8D8;
}

.menu ol,ul{list-style:none; }
.menu ul li{    display:block; }

.menu{
}
.menu a{
    background:#f9f9f9;
    border-bottom:1px solid #eee;
    display:block;
    padding:13px;
    color:#767676;
    font-size:12px;
}
.menu a:hover{
    background:#fff;
}
header .menu{
    border-top:1px solid #eee;
}
header .menu a{
    padding:15px 15px 15px 25px;
}
header .menu li:last-child a{
    border-bottom:none;
}


a:link, a:visited, a:active {color: #033254 } 
a:hover{color:E19E21} a{text-decoration:none}
</style>
<body bgcolor='#FDFDF7' leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">


            <ul class="menu">


<li><a href="eeee">aaaaaa</a></li>
<li><a href="eeee">aaaaaa</a></li>
<li><a href="eeee">aaaaaa</a></li>
<li><a href="eeee">aaaaaa</a></li>

</ul>

Answer 1

在padding-right: 0;

上设置ul

.menu {
    padding-right: 0; 
}

Answer 2

更改

.menu{
}

到

.menu{
    padding: 0;
}

Answer 3

您只需将padding:0添加到ul元素：

ul.menu {
    padding: 0;
}

http://jsfiddle.net/W44ay/1/

Answer 4

尝试使用此重置css

/*limited reset*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video {
margin: 0;
padding: 0;
border: 0;
}

Answer 5

通常，间距可能是由ul元素或li元素上的默认边距或填充设置引起的。要清除它们（这里似乎合适），请设置

.menu, .menu li {
  margin: 0;
  padding: 0;
}

如果是在菜单之前或之后需要一些间距，在上述规则之后单独设置，例如， .menu { margin-bottom: 1em }，

css / html - 在li标签之前删除空格

5 个答案: