html – 导航栏中的CSS图像推送文本

概述我正在尝试在导航栏上将图像与CSS对齐.即使我调整图像大小,它仍然会将文本向下推. 我的div html代码是： <div id="menu"> <ul> <li><a href="#"><img src='images/tphome.png' border='0' width='24' height='24'> Home</a></li> <li><a h 我正在尝试在导航栏上将图像与CSS对齐.即使我调整图像大小,它仍然会将文本向下推.

我的div HTML代码是：

<div ID="menu">    <ul>        <li><a href="#"><img src='images/tphome.png' border='0' wIDth='24' height='24'> Home</a></li>        <li><a href="#">Contact</a></li>    </ul></div>

http://jsfiddle.net/nuSLH/

有没有解决的办法？

解决方法 我建议使用CSS类和：之前而不是放入图像,因为它是演示文稿,对内容并不重要.

更改此位置以添加位置：相对…

#menu li {float: left;    position: relative;}

然后这样的事情……可能需要在li上添加一些填充.

.icon-home:before {position: absolute;top: 0px;left: 0px;content: "";background: url(http://i.imgur.com/1CRy2G5.png);wIDth: 24px;height: 24px;}

要添加课程……

<li><a  href="#">Home</a></li>

总结

以上是内存溢出为你收集整理的html – 导航栏中的CSS图像推送文本全部内容，希望文章能够帮你解决html – 导航栏中的CSS图像推送文本所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。