0

答えを見つけるために長い間検索しましたが、どこにも解決策が見つかりませんでした...

リンクの順不同のリストを作成し、ナビゲーション バーのようにヘッダーの下に配置しました。ただし、IE（はい、その悪魔..）では、リンクが中央に配置されていないように見えます。以下は私のコードです...

助けてください！

<div id="menu">
            <ul>
                <li><a class="active" href="index.html">Home</a></li>
                <li><a href="dummyPage.html">Company Profile</a></li>
                <li><a href="phil-vision.html">Philosophy-Vision</a></li>
                <li><a href="buslines.html">Products/Services</a></li>
                <li><a href="structure.html">Company Structure</a></li>
                <li><a href="contact.html">Contact us</a></li>
                <li><a href="career.html">Career</a></li>
                <li><a href="news.html">News</a></li>
            </ul>
        </div>

#menu{float:right;text-align:center;background:#B1A17A;width:100%;}
#menu ul li{ display:inline; list-style-type:none;}
#menu ul li a{padding:0px 10px; font-size:14px; text-decoration:none; margin:0px 5px; font-weight:bold; vertical-align: middle; color:#5F501D;}
4

1 に答える 1

0

このトリックを試してみてください：

line-height: 200%;

あなたのケースで動作します。パーセンテージは、タグの高さによって異なります。

于 2013-06-11T13:16:33.823 に答える