我有一個導航欄作爲列表 - 這是我的任務所必需的。無論如何,我試圖集中,但它不是相當工作。發生了什麼是我不得不指定具體的利潤率。我對CSS和HTML很陌生。居中水平導航欄
{
background-color: #bdd2ed;
text-align: center;
}
h1,h2
{
font-family: sans-serif;
}
ul.navigbar
{
margin: 0 auto;
display: block;
width: 100%;
}
li.navigbar
{
list-style-type: none;
width: 10%;
text-align: center;
float: left;
}
a.navigbar
{
text-decoration: none;
display:block;
}
<!DOCTYPE html>
<html>
<head>
<title>china_travel.html</title>
<link rel="stylesheet" type="text/css" href="travel.css">
</head>
<body>
<img src="images/flags/china_flag.jpg" height="50" width="75" alt="Flag of China" title="Flag of China" class="center">
<h1 class="center">China Travel Deals</h1>
<ul class="navigbar">
<li class="navigbar"><a href="index.html" class="navigbar">Home</a></li>
<li class="navigbar"><a href="australia_travel.html" class="navigbar">Australia Travel</a></li>
<li class="navigbar"><a href="brazil_travel.html" class="navigbar">Brazil Travel</a></li>
<li class="navigbar"><a href="china_travel.html" class="navigbar">China Travel</li>
<li class="navigbar"><a href="us_travel.html" class="navigbar">United States Travel</li>
</ul>
</body>
</html>
您是要將導航欄本身居中,還是隻將導航欄放置在導航欄中央? –