gpt4 book ai didi

css - 如何垂直对齐显示 :inline (not inline-block) elements in a div?

转载 作者:行者123 更新时间:2023-11-28 12:50:10 31 4
gpt4 key购买 nike

我已经搜索了很长时间来找到答案,但是我没有找到解决方案...

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

最佳答案

尝试使用这个技巧:

line-height: 200%;

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

关于css - 如何垂直对齐显示 :inline (not inline-block) elements in a div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17042013/

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com