これはOKです:なぜすべてがdisplay:blockになったのですか?
<html>
<head>
<title>tabs</title>
<style>
li {
display:inline;
margin:0 90px;
background:#777777 none repeat scroll 0 0;
}
li a {
padding:6px 12px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}
</style>
</head>
<body>
<div id="tabs">
<div class="nav">
<ul>
<li><a href="test">test</a></li>
<li><a href="test">test</a></li>
<li><a href="test">test</a></li>
<li><a href="test">test</a></li>
<li><a href="test">test</a></li>
</ul>
</div>
</div>
</body>
</html>
しかし、私はそれdisplay:block
作るためにli a
を変更した場合、すべてがなくなっています。どうして?
<html>
<head>
<title>tabs</title>
<style>
li {
display:inline;
margin:0 90px;
background:#777777 none repeat scroll 0 0;
}
li a {
padding:6px 12px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
display:block;
}
</style>
</head>
<body>
<div id="tabs">
<div class="nav">
<ul>
<li><a href="test">test</a></li>
<li><a href="test">test</a></li>
<li><a href="test">test</a></li>
<li><a href="test">test</a></li>
<li><a href="test">test</a></li>
</ul>
</div>
</div>
</body>
</html>
EDIT:それはパディングようだ:ここ計6Pxの12ピクセルは、Liにそれを動かすall.Butで働いていないが、どのようもない(IEで)パディングを作るのだろうか?
返信いただきありがとうございます。 しかし、第2版ではどこがすべて消えていますか? – omg
私は確信していませんが、組み合わせがうまくいかないように、インライン要素マージンを与えることには意味がありません。 – jeroen
ああ、それは本当に行っていない、それは李の下に表示されますが、白では表示されません。インライン要素は、ブロック要素とは異なる動作をします。 – jeroen