Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS菜单栏文本问题_Css_Internet Explorer_Firefox_Cross Browser_Opera - Fatal编程技术网
Fatal编程技术网
  • css/
  • CSS菜单栏文本问题

CSS菜单栏文本问题

css internet-explorer firefox

CSS菜单栏文本问题,css,internet-explorer,firefox,cross-browser,opera,Css,Internet Explorer,Firefox,Cross Browser,Opera,我正在尝试创建一个菜单栏，它将由一系列图标和水平排列的文本组成。我使用无序列表作为容器，但我遇到了一个问题。所有不包含文本的菜单项，只有一个带有背景图像的空锚定标记，都可以在线显示 但是，每当我尝试使用文本而不是背景图像作为菜单项时，文本列表项就会向下滑动。您可以在JSFIDLE上看到这个示例，请确保滚动每个项目以查看背景颜色指示器的行为： 请注意，每个带有地球图标的链接（是的，我在本例中是从Facebook热链接的）都显示得非常漂亮整洁。然而，文本和它的背景指示器是不一致的。我知道这是FF 3

我正在尝试创建一个菜单栏，它将由一系列图标和水平排列的文本组成。我使用无序列表作为容器，但我遇到了一个问题。所有不包含文本的菜单项，只有一个带有背景图像的空锚定标记，都可以在线显示

但是，每当我尝试使用文本而不是背景图像作为菜单项时，文本列表项就会向下滑动。您可以在JSFIDLE上看到这个示例，请确保滚动每个项目以查看背景颜色指示器的行为：

请注意，每个带有地球图标的链接（是的，我在本例中是从Facebook热链接的）都显示得非常漂亮整洁。然而，文本和它的背景指示器是不一致的。我知道这是FF 3.6，Opera 11的情况，但不是IE7！这一次，IE7与其他浏览器相比没有问题

有人能告诉我如何纠正这个问题吗

谢谢你抽出时间

您只需将
垂直对齐：顶部
添加到
nav.pluginBar ul.pluginBarLeft li
，上面还有
显示：内联块

请参见：

默认的
vertical align
值为
baseline
，这是导致此问题的原因

请参见此处不同
垂直对齐
值之间的差异：



有关图形说明，请参见此处的“基线”部分：


哇！工作时间越来越长，两分钟内回答。前端绝对不是我的专长。哈哈，非常感谢你，三十点！！！