CSS图像导致菜单中的问题 [英] CSS Image causes problems in menu

问题描述

我有这个 JSBIN 菜单代码。

我一直在尝试在菜单的中间放一张照片，像 JSBIN 代码。

但有两个问题：

I have this JSBIN menu code.
I have been trying to put a picture at the middle of the menu, like that JSBIN code.
But there are two problems:

• 与左侧菜单（关于我们）的距离到边缘和距离右侧菜单（交换指南）的距离是不同的。


• 图像降低菜单。

我尝试使用 line-height 图片的位置，但不起作用。

I tried to use the line-height setting and tried to play with the position of the image, but it isn't helpful.

谢谢！

推荐答案

尝试此操作

.navgroups li {
   float:left;
   list-style:none;
}

这里是 JSBIN
并从中删除display：inline。

Here is the JSBIN And remove display:inline from this.

这篇关于CSS图像导致菜单中的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！