div + css，UL的LI 中，对LI设置了list-style-image，LI中的文字是放在a标签中的，如何让图片和文字对齐？

把li设置个高度，然后把a设置设置同样的高度，最后让两个里面的文字上下居中
li,li a {height:25px;line-height:25px;}
也可能只要设置li的高度并上下居中就可以了，你试试
一般设置文字上下居中都是height和line-height相同就可以了

可以通过width属性设置li中字段的宽度根据实际长度显示宽度。在li的样式中加上width:auto;就可以实现了；现在来看下面一段代码：

CSS样式设置：

#info_main{text-align:center; border:1px solid
#CCC;width:620px;}
#info_main li{width:auto;float:left;margin:0px 8px;
padding:0px;border:1px solid #CCC;}

网页代码：

<div
id="info_main">
<ul>
<li>时间：{dede:field name='pubdate'
function='strftime("%Y-%m-%d %H:%M","@me")'
/}</li>
<li>来源：{dede:fieldsource/}</li>
<li>作者:{dede:fieldwriter/}</li>
<li>点击:<script
src="{dede:field
name='phpurl'/}/countphpview=yes&aid={dede:field
name='id'/}&mid={dede:field name='mid'/}"
type='text/javascript'
language="javascript"></script>次</li>
</ul>
</div>

显示效果如下图：

把li的innerHTML改成带<a>标签的就行了
如果是固定链接直接加进去就行了
objinnerHTML="<a href='>css中没有<li><a href="@#">这么也的吧，你的意思是HTML代码<li><a href="@#">是什么意思吧。<li></li>是列表<a href="#">。。</a>这个是超连接,href="连接地址"

<style>
ul,li{padding:0;margin:0;}
ul{width:240px;height:35px;}
li{display:block;float:left;width:60px;height:100%;border-bottom:1px #000 solid; text-align:center;}
act,li:hover{background:url(iconpng) no-repeat bottom;border-bottom:1px #00923f solid;}
</style>
<ul>
<li class="act">aaaa</li>
<li>bbbb</li>
<li>cccc</li>
<li>dddd</li>
</ul>

其实没有那么复杂。

原理：

设置LI的底边框为黑色，然后把这几个LI都左浮动，这样它们就贴在一起了，连成一条底线，

然后LI:HOVER的时候，给LI加上背景和改变LI的底框颜色跟你的一样就可以了。。

也可以通过LI里加一个A，DISPLAY:BLOCK后，给它MARGIN-BOTTOM:-1PX来盖住原来线，也可以给它们做定位，，这些都行得通。。

但是个人觉得还是我上面写的那些比较简单实现。

---