使用显示时出现加法框：inline-block; HTML CSS

使用display时会出现添加框：inline-block; HTML CSS，这是CSS中的一个标签，不确定如何摆脱它创建的额外框，创建另一个li标签会导致另一个框出现而不是填充空的框。使用显示时出现加法框：inline-block; HTML CSS

链接的问题：代码的 http://imgur.com/a/gsHGh 链接： http://imgur.com/a/ED7F0

CSS：

nav{ 
margin: 0px; 
padding: 0px; 
text-align: center; 
background-color:black; 
width: 800px; 
height: 50px; 
} 

nav ul{ 
list-style-type: none; 
margin: 0px; 
padding: 10px; 
} 

nav ul li { 
display: inline; 
margin: 0px; 
padding: 0px; 
} 

nav ul li a{ 
background-color: white; 
color: black; 
display: inline-block; 
width: 100px; 
height: 20px; 
text-decoration: none; 
text-align: center; 
padding-top: 5px; 
font-family: Arial; 
margin: 0 auto; 
border-radius:99px 99px 99px 99px; 
width: 25%; 
float: left; 
}

HTML：

<ul> 
<li><a href='index.html'>Home</a> 
<li><a href='about.html'>About<a> 
<li><a href='contact.html'>Contact</a> 
<li><a href='http://www.uroulette.com/visit/ootrwu' target='_blank'>Random</a> 
</ul>

来源

2017-02-27 Joshua Debney

，你能否告诉我们，至少你的资产净值块的html代码？如果有人想摆弄它，将文本粘贴到文本中会有所帮助。 –

@Mr_KoKa完成添加 –

在about链接上，您缺少斜杠'/'。你还应该关闭'li'标签 – pol

您还没有在关于关闭<a>标签，在行末应该有</a>而不是<a>。所以，而不是关闭标签，你做了另一个。

来源

2017-02-27 02:09:49

由于@Mr_KoKa指出你不关闭a标签还你不关闭任何li标签

<ul> 
    <li><a href='index.html'>Home</a></li> 
    <li><a href='about.html'>About</a></li> 
    <li><a href='contact.html'>Contact</a></li> 
    <li><a href='http://www.uroulette.com/visit/ootrwu' target='_blank'>Random</a></li> 
</ul>

来源

2017-02-27 02:12:32 NooBskie

使用显示时出现加法框：inline-block; HTML CSS

回答

相关问题