请协助我垂直对齐图标和文字
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;
}
答案 0 :(得分:2)
据我所知,无法对齐列表样式图像。经常使用的方法如下:
li {
background: url('/img/forum/tilfoj.png') no-repeat left center;
padding: 3px 0px 3px 20px;
list-style: none;
}
答案 1 :(得分:0)
这样的事情应该有效:
<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>