css项目列表
css项目列表符号和文字对不齐，怎么调整一下呢，请教高手，我的项目列表符号是自己设置的图片，请高手帮忙解答？？！！！...
css项目列表符号和文字对不齐，怎么调整一下呢，请教高手，我的项目列表符号是自己设置的图片，请高手帮忙解答？？！！！
展开
4个回答
展开全部
<html>
<head>
<style>
ul{list-style:none;}
img{vertical-align:middle;}
</style>
</head>
<body>
<ul>
<li><img src="1.jpg" />fsdafdsafsdaf</li>
<li><img src="1.jpg" />fsdafds</li>
</ul>
</body>
</html>
<head>
<style>
ul{list-style:none;}
img{vertical-align:middle;}
</style>
</head>
<body>
<ul>
<li><img src="1.jpg" />fsdafdsafsdaf</li>
<li><img src="1.jpg" />fsdafds</li>
</ul>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
呵呵，符号只能用li背景来做，大这都是这样的，对不齐的问题，就是你背景定位的出问题了 background:url(icons.gif) no-repeat left top; 不知道你要把符号放哪，，， 都这么写出来了，你应该知道控制了吧。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
最简单的办法，就是把那个小图片做成和行高一样的高度
不然就调整css
不然就调整css
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
基于要兼容多个浏览器的目的，我觉得项目列表的属性用背景图片代替最佳。
eg:
<div id="nav">
<ul>
<li><a href="#">Contact Us<a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">News</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Home</a></li>
</ul>
</div>
制作的项目列表图标用到的CSS属性:
#nav li{
display:block;
background:url(icons.gif) no-repeat 5px 3px;
}
注：
1.display 属性一定要设置块属性，如 block;
2.background:url(icons.gif) no-repeat 5px 3px; 其中的5px、3px 是
确定图标的具体位置（距左5px, 距上3px），适当调整。
eg:
<div id="nav">
<ul>
<li><a href="#">Contact Us<a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">News</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Home</a></li>
</ul>
</div>
制作的项目列表图标用到的CSS属性:
#nav li{
display:block;
background:url(icons.gif) no-repeat 5px 3px;
}
注：
1.display 属性一定要设置块属性，如 block;
2.background:url(icons.gif) no-repeat 5px 3px; 其中的5px、3px 是
确定图标的具体位置（距左5px, 距上3px），适当调整。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
