项目符号图像位置

Question

我在菜单中定位项目符号时遇到问题。

我使用自定义图像作为项目符号。但项目符号图像与文本底部对齐。因此，当我尝试将 li 文本与 menu_bar div 的中心对齐时，项目符号图像会向上移动。

如何解决这个问题，使项目符号图像与文本保持在中心。

提前致谢

Answer 1

检查 css 垂直对齐属性或将项目符号作为链接的整个背景图像的一部分，而不会看到您想要执行的操作的图像，这是很困难的。您可以发布测试站点的图像或链接吗？

Answer 2

好的，试试这个...

    #menu_bar {
/* make menu_bg.png full width of your link and add the arrow to this image */ 
background:url(menu_bg.png);  
background-repeat:repeat-x; /* remove this */
height:57px; } 

#menu_bar ul { 
margin-left:50px; 
} 

#menu_bar ul li { 
float:left; 
margin-left:10px; 
margin-right:10px; 
list-style-image:url(divider.png); /* remove this */
} 

#menu_bar ul li a { 
color:white; 
text-transform:uppercase; 
font-weight:bold; 
font-size:15px; 
text-decoration:none; 
font-family:Arial, Helvetica, sans-serif; 
line-height:57px; 
display:block; }