Html 调整导航栏的大小，使图像位于中间？

nav
{
显示：表格；
宽度：50%；
背景色：#333；
填充：0.50em 0.5em；
保证金：0.60em自动；
}
导航ul
{
显示：表格行；
}
李国荣
{
显示：表格单元格；
文本对齐：居中；
}
A.
{
文字装饰：无；
颜色：#d9d9d9；
}
a:悬停
{
颜色：#E6；
}

试试这个

.navContain{
高度：30px；
宽度：100%；
保证金：0自动；
背景色：红色；
填充顶部：30px；
}
导航{
宽度：100%；
最大宽度：400px；
背景色：#333；
填充：0；
保证金：0自动；
溢出：可见；
高度：30px；
}
导航ul{
溢出：可见；
高度：30px；
保证金：0；
填充：0；
}   
李国荣{
文本对齐：居中；
溢出：可见；
高度：30px；
保证金：0；
填充：0；
列表样式类型：无；
浮动：左；
宽度：20%；
最大宽度：80px；
}
a{
文字装饰：无；
保证金：0；
填充：0；
颜色：#d9d9d9；
溢出：可见；
线高：30px；
显示：块；
位置：相对位置；
}
a:悬停{
颜色：#E6；
}
img{
宽度：90%；
保证金：0；
填充：0；
垂直对齐：基线；
位置：绝对位置；
底部：-30px；
右：5%；
左：5%；
}

试试这个

.navContain{
高度：30px；
宽度：100%；
保证金：0自动；
背景色：红色；
填充顶部：30px；
}
导航{
宽度：100%；
最大宽度：400px；
背景色：#333；
填充：0；
保证金：0自动；
溢出：可见；
高度：30px；
}
导航ul{
溢出：可见；
高度：30px；
保证金：0；
填充：0；
}   
李国荣{
文本对齐：居中；
溢出：可见；
高度：30px；
保证金：0；
填充：0；
列表样式类型：无；
浮动：左；
宽度：20%；
最大宽度：80px；
}
a{
文字装饰：无；
保证金：0；
填充：0；
颜色：#d9d9d9；
溢出：可见；
线高：30px；
显示：块；
位置：相对位置；
}
a:悬停{
颜色：#E6；
}
img{
宽度：90%；
保证金：0；
填充：0；
垂直对齐：基线；
位置：绝对位置；
底部：-30px；
右：5%；
左：5%；
}

能否尝试为导航内的图像设置固定的高度和宽度。为图像指定固定的高度和宽度。如果可能，我希望执行以下操作：；1.将“公文包”和“产品”这两个词向右移动，使其与“艺术”和“下载”这两个词完全相反。2.看看下面的图片；我希望酒吧保持相同的高度，无论我把下面的中间。使用

position

和

zindex

@Beelzebub我想让酒吧保持同样的高度？同一高度，中心标志的尺寸更大，因此您希望导航与它对齐，或者什么。您可以尝试为导航内的图像设置固定的高度和宽度。为图像指定固定的高度和宽度。如果可能，我希望执行以下操作：；1.将“公文包”和“产品”这两个词向右移动，使其与“艺术”和“下载”这两个词完全相反。2.看看下面的图片；我希望酒吧保持相同的高度，无论我把下面的中间。使用

position

和

zindex

@Beelzebub我想让酒吧保持同样的高度？和什么一样高，中心标志的尺寸更大，所以你希望你的导航与它对齐，或者什么。无论如何，图像可以在顶部突出，而不是向下？或者你希望图像从导航栏流出？抱歉花了这么多时间，我的wifi刚刚断开。抱歉耽搁了。实际上，使用表格单元格是造成问题的原因。它从不让它的内容溢出。非常感谢！无论如何，图像可以在顶部突出，而不是向下？或者您希望图像从导航栏流出吗？抱歉花了这么多时间，我的wifi刚刚断开。抱歉耽搁了。实际上，使用表格单元格是造成问题的原因。它从不让它的内容溢出。非常感谢！