Css 突出显示导航中的元素

该死，我在做一个导航，其中一个特定的元素应该从导航的其他元素中突出显示。 我创建了一个css类，突出显示在我增加字体大小的地方。但是，文本与较小的文本不在同一高度

#navigation .bar a.highlight{
font-size: large;
}

看起来是这样的：

对不起，我是css和html新手，我想这是一个简单的解决方案

请看一下我的代码

---

您需要添加一个

行高度

试试这个：

#navigation .bar a.highlight {
    font-size: large;
    line-height: 12px; /*Same as your font-size for normal items*/
}

由于页面的字体大小为12px，因此
12px
的
行高将垂直居中。如果更改字体大小，请确保更改
行高

您需要添加一个
行高度

试试这个：

#navigation .bar a.highlight {
    font-size: large;
    line-height: 12px; /*Same as your font-size for normal items*/
}

由于页面的字体大小为12px，因此
12px
的
行高将垂直居中。如果更改字体大小，请确保更改
行高

在CSS中垂直对齐是让你发疯的事情之一

尝试改善列表项的
行高度
：

line-height: 16px;

另外，尽量使用你想要的
字体大小，而不要使用
大的
，因为不同浏览器的字体大小可能不同。
在CSS中垂直对齐是让你发疯的事情之一

尝试改善列表项的
行高度
：

line-height: 16px;

另外，尽量使用您想要的
font size
，而不是使用
large
，因为不同浏览器的字体大小可能不同。
首先，我建议不要在CSS中使用
large
等关键字作为字体大小，而是使用px或em单位（更好的可维护性，浏览器可以对这些关键字进行不同的解释）

您可以通过降低
上的
行高
来实现所需的效果。按字体大小的增加比例突出显示
菜单项。这将保持菜单项的完整性




CSS

/*EM  (personal preference) */

#navigation .bar a.highlight{
   font-size: 1.4em; /* we increase size by .4ems */
   line-height:.6em; /* so we reduce line-height by .4 ems */
}

/* PX */

#navigation .bar a.highlight{
    font-size: 18px; /* just guessing here, make sure to set this to the actual desired height */
    line-height:10px;
}

首先，我建议不要在CSS中使用像
large
这样的关键字作为字体大小，而是使用px或em单位（为了更好地维护，浏览器可以对这些关键字进行不同的解释）

您可以通过降低
上的
行高
来实现所需的效果。按字体大小的增加比例突出显示
菜单项。这将保持菜单项的完整性




CSS

/*EM  (personal preference) */

#navigation .bar a.highlight{
   font-size: 1.4em; /* we increase size by .4ems */
   line-height:.6em; /* so we reduce line-height by .4 ems */
}

/* PX */

#navigation .bar a.highlight{
    font-size: 18px; /* just guessing here, make sure to set this to the actual desired height */
    line-height:10px;
}