导航菜单中的文本未在中间垂直对齐[关闭]

Posted

技术标签:

【中文标题】导航菜单中的文本未在中间垂直对齐[关闭]【英文标题】:Text not aligning in the middle vertically in the navigation meny [closed] 【发布时间】:2014-09-25 21:13:04 【问题描述】:

我只是想知道为什么导航菜单中的文本不会垂直对齐?帮助将非常感谢

这里是小提琴:http://jsfiddle.net/JWeFG/

.

.

.

<html>
</html>

【问题讨论】:

请在此处包含相关代码:“JSFiddle 的链接必须包含代码”限制是有原因的。 你到底为什么在你的问题中留下一堆空白并且没有包含有用的代码?... 【参考方案1】:

只需在 css 类 myFont1 中添加 line-height: 50px;

一般情况下,文本的line-height 应等于容器对象的高度,您要与容器对齐,在本例中为容器myMenuTop height: 50px;

【讨论】:

【参考方案2】:

只需添加一个等于包含元素高度的行高,我想这已经讨论过了。尽管要注意opera-mini,因为我认为该浏览器不支持行高。

同时查看表格显示。

.myFont1
font-color: white;
font-family: arial;
font-face: arial;
line-height:50px;

http://jsfiddle.net/JWeFG/

【讨论】:

谢谢你,我真的需要帮助

以上是关于导航菜单中的文本未在中间垂直对齐[关闭]的主要内容,如果未能解决你的问题,请参考以下文章

导航栏菜单在小屏幕上不垂直对齐和汉堡菜单的位置

使用 jquery 的垂直菜单导航(关闭切换)

IOS - 垂直对齐导航栏中的后退按钮

下拉菜单未显示和导航未居中

导航栏引导菜单未在移动设备中显示

Bootstrap 4打开多个导航栏下拉菜单,无需切换