Html 如何在菜单中移动小图像？

如何移动

中的小箭头图像

代码如下：

正文{
保证金：0；
填充：0；
}
导航{
宽度：100%；
背景#f1f1；
填充物：5px；
}
导航ul{
列表样式类型：无；
}
李国荣{
显示：内联块；
}
海军航空母舰{
最大宽度：20px；
高度：自动；
左边距：4倍；
}
海军ulli a{
颜色：#636363；
填充：10px；
文字装饰：无；
}
导航ulli a：悬停{
颜色：#333；
文字装饰：下划线；
}

发型

垂直对齐：中间可能是您需要的


正文{
保证金：0；
填充：0；
}
导航{
宽度：100%；
背景#f1f1；
填充物：5px；
}
导航ul{
列表样式类型：无；
}
李国荣{
显示：内联块；
}
海军航空母舰{
最大宽度：20px；
高度：自动；
左边距：4倍；
垂直对齐：中间对齐；
}
海军ulli a{
颜色：#636363；
填充：10px；
文字装饰：无；
}
导航ulli a：悬停{
颜色：#333；
文字装饰：下划线；
}

发型












您可以将图像设置为绝对位置

nav ul li a img {
  position:absolute;
  max-width: 20px;
  height: auto;
  margin-left: 4px;
}

然后，您可以使用top属性定位它，该属性不美观，但有效

give
float：右到
img
和
显示：内联块到容器
a
元素感谢您的想法，但要使其自适应将非常困难。不过还是谢谢你