如何垂直对齐显示：div中的内联（不是内联块）元素？答案

【问题标题】：How to vertical-align display:inline (not inline-block) elements in a div?如何垂直对齐显示：div中的内联（不是内联块）元素？
【发布时间】：2013-06-11 21:21:59
【问题描述】：

我找了很久才找到答案，却无处可寻……

我制作了一个无序列表的链接，并将它们放在标题下，就像导航栏一样。但是，在 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;}

【问题讨论】：

产品/服务<a href="buslines.html">Products/Services</a> 下缺少结束标记。尝试关闭它，看看天气是否正常。
哦，是的。然而，这似乎并没有解决它......
你用的是什么版本的IE？它对我来说很好。
似乎只影响
试着把<meta http-equiv="X-UA-Compatible" content="IE=9" >放在你的脑海里，否则IE默认为怪癖模式，显示几乎所有错误。

标签： css html vertical-alignment

【解决方案1】：

试试这个技巧：

line-height: 200%;

适用于您的情况。百分比取决于标签的高度。

【讨论】：