對齊文本圖標

請幫助我對齊圖標和文本垂直對齊文本圖標

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

對齊文本圖標

回答

相關問題