对齐文本图标

请帮助我对齐图标和文本垂直对齐文本图标

enter image description here

HTML

<div id="opretForum"> 
    <ul> 
     <li><a href="/opret-forum/">Opret Forum</a></li> 
    </ul> 
</div>

CSS

#opretForum li { 
    list-style-image: url('/img/forum/tilfoj.png'); 
} 

#opretForum ul { 
    list-style-position: inside; 
}

来源

2013-10-11 Jesper Petersen

除非我失去了一些东西，这是什么问题？ –

绿色图标不与文字垂直排列 – mplungjan

请在jsfiddle等网站上创建示例，以便我们看到测试用例并进行游戏，谢谢！ – Joseph

据我所知，这是不可能对齐列表样式图像。经常使用的方法如下：

http://jsfiddle.net/fcPNp/

li { 
    background: url('/img/forum/tilfoj.png') no-repeat left center; 
    padding: 3px 0px 3px 20px; 
    list-style: none; 
}

来源

2013-10-11 20:26:11 Frankey

感谢您的帮助..现在为我的工作！..并感谢您的帮助！ :) –

#opretForum {background-color：black;填充：5像素;宽度：200像素; } #opretForum {text-decoration：none;颜色：白色} http://jsfiddle.net/mplungjan/uLwtr/ – mplungjan

@JesperPetersen [Ogsåskal du lige acceptere：]]（http://meta.stackexchange.com/questions/5234/how-does-accepting-的回答工作） – mplungjan

像THI s应该工作：

<style> 
#opretForum li { list-style:none; background:url('/img/forum/tilfoj.png');vertical-align:middle } 
</style> 

<div id="opretForum"> 
    <ul> 
     <li><a href="/opret-forum/">Opret Forum</a></li> 
    </ul> 
</div>

来源

2013-10-11 20:25:28 Dementic

对齐文本图标

回答

相关问题