css - 使用图标创建导航栏的正确方法是什么

Question

如何在语义上标记图标 + 文本的导航栏，其中文本在图标下方，图标是 Sprite 。

还有两个条件:导航框的宽度不同，图标也应该作为链接(可点击)

具体例子是@www.emex.ru。

换句话说:一个人如何转换 <ul><br/>
<li><br/>
<a><img width=32 height=32/><br/>Link1</a><br/>
</li><br/>
<li><br/>
<a><img width=32 height=32/><br/>Link2</a><br/>
</li><br/>
</ul>

没有<img>的版本元素

Answer 1

无序列表在导航菜单中很常见。您可以根据需要设置 ul 和 li 标签的样式以间隔和对齐每个链接。您应该在 li 标签上设置类或 ID，并设置背景图像位置。一个很好的例子在这里

http://praveenfrancis.com/tutorials/create-a-simple-menu-with-css-sprite/