使用顯示時出現加法框：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

回答

相關問題