Question

之前有很多空间和在li {audi，bmw等}之后，TAGs.i想要删除它，但它没有被删除。＆安培;用作子弹的第二个li标签中的图像已经离开了屏幕。

所以请。任何人都可以帮我解决这两个问题

http://i42.tinypic.com/b5k27s.jpg

HTML CODE：

    <html>
<`head>`
<link rel = "stylesheet" type = "text/css" href = "myStyle2.css" />
<style type="text/css">
#ul1
{
list-style-image:url('1.bmp');
padding:0px;
float:left;
}
</style>

<title>CARS</title>
</head>
<body>

<div class = "container" style=width: "100%">

<div class = "header" height = "20%" width = "100%">
CARS
</div>

<div class = "list" height = "10%" width = "100%">
    <ul class ="ul2">
<li><a href = "#">HOME</a></li>
<li><a href = "bmw.htm">BMW</a></li>
<li><a href = "audi.htm">AUDI</a></li>
<li><a href = "pors.htm">PORSCHE</a></li>
<li><a href = "lamb.htm">LAMBORGHINI</a></li>
    </ul>
</div>


<ul id = "ul1">
<li>AUDI</li>
<li>PORSCHE</li>
<li>BMW</li>
<li>LAMBORGHI   NI</li>
</ul>
</div>
</body>

</html>

CSS代码：

@font-face
{
font-family: nsecthin;
src : url('nsecthin.ttf')
}
body
{
margin:10px;
background-color:green;
}
.header
{
text-align:center;
text-transform:uppercase;
color:black;
text-decoration:underline;
font-family:nsecthin,Constantia;
font-size:2.0em;
letter-spacing:3px;
font-weight:bold;
text-indent: 0;
line-height:50px;
background-color:yellow;
border:2px solid white;
}
.list
{

font-family:constantia;
font-size:2em;
padding:0;
margin:0;
border:2px solid white;

}

.ul2 li
{
height:2px;
list-style-type:none;
float:none;
width:100%;
display:inline;
border:2px solid white;
}

.ul2 a
{
float:none;
width:1em;
text-decoration:none;
color:white;
display:inline;
background-color:blue;
padding-left:0;
border:2px solid white;
}

Answer 1

如果您的意思是这样，请尝试使用list-style-position:inside;作为列表项。

Answer 2

完全剥去边距和填充：

ul , li {
    margin: 0;
    padding: 0;
}

然后根据需要进行调整：

#ul1 li {
    margin-left: 20px;
}

还尝试为CSS保留样式信息（如高度/宽度属性）。

Answer 3

你的ul-element上有margin-top和margin-bottom。使用ul{margin:0;}后，它对我有用。

这是定义它们的浏览器标准样式。

你知道Firebug或类似的工具，对吧？学习使用它！

听说reset.css或normalize.css，请阅读更多相关内容：

http://meyerweb.com/eric/tools/css/reset/

http://necolas.github.com/normalize.css/

<li>标记HTML不正当行为</li>

3 个答案: