·如果图标都是一样的，那就切一个小图标，作为li的背景，也可以设置list-style-image:url()差不多就这两种方法
·如果图标不一样，就把这些图标竖着排到一张图片里，作为ul的背景。然后设置li的行高，让每一行li与每个图标对齐。
2.每天添加的新闻后面有个NEW。
这个要让你们搞后台的同学设置一下，写个判断，获取更新日期与当前日期，如果更新日期=当前日期（天数），那么就显示new的图标。一般的cms都有方法调用的
用js增加距离即可···祝你成功
如：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>无标题文档</title>
<style>
.main_box{ width:500pxheight:500pxfont-size:12pxcolor:#666}
.tr,.tr2{ width:500pxheight:23pxfloat:leftline-height:23px}
.tr2{ margin-bottom:20px}
</style>
</head>
<body>
<div class="main_box" id="qqqq">
<div class="tr">·如何控制新闻列表，让其每5行，自动回车。 您的回答能详细说明一下吗</div>
<div class="tr">·如何控制新闻列表，让其每5行，自动回车。 您的回答能详细说明一下吗</div>
<div class="tr">·如何控制新闻列表，让其每5行，自动回车。 您的回答能详细说明一下吗</div>
<div class="tr">·如何控制新闻列表，让其每5行，自动回车。 您的回答能详细说明一下吗</div>
<div class="tr">·如何控制新闻列表，让其每5行，自动回车。 您的回答能详细说明一下吗</div>
<div class="tr">·如何控制新闻列表，让其每5行，自动回车。 您的回答能详细说明一下吗</div>
<div class="tr">·如何控制新闻列表，让其每5行，自动回车。 您的回答能详细说明一下吗</div>
<div class="tr">·如何控制新闻列表，让其每5行，自动回车。 您的回答能详细说明一下吗</div>
<div class="tr">·如何控制新闻列表，让其每5行，自动回车。 您的回答能详细说明一下吗</div>
<div class="tr">·如何控制新闻列表，让其每5行，自动回车。 您的回答能详细说明一下吗</div>
<div class="tr">·如何控制新闻列表，让其每5行，自动回车。 您的回答能详细说明一下吗</div>
<div class="tr">·如何控制新闻列表，让其每5行，自动回车。 您的回答能详细说明一下吗</div>
<div class="tr">·如何控制新闻列表，让其每5行，自动回车。 您的回答能详细说明一下吗</div>
<div class="tr">·如何控制新闻列表，让其每5行，自动回车。 您的回答能详细说明一下吗</div>
<div class="tr">·如何控制新闻列表，让其每5行，自动回车。 您的回答能详细说明一下吗</div>
<div class="tr">·如何控制新闻列表，让其每5行，自动回车。 您的回答能详细说明一下吗</div>
<div class="tr">·如何控制新闻列表，让其每5行，自动回车。 您的回答能详细说明一下吗</div>
</div>
<script type="text/javascript">
var aa=document.getElementById('qqqq').getElementsByTagName('div')
var bb=aa.length
for( i=1i<bbi++)
{
if(i%5==0)
{
document.getElementsByTagName('div')[i].className='tr2'
}
else{
document.getElementsByTagName('div')[i].className='tr'
}
}
</script>
</body>
</html>
<style>div{ width:500px}
div ul li{ overflow:hidden}
div ul li a{ float:left}
div ul li span{ float:right}
</style>
<div>
<ul>
<li>
<div>处理高盐废水的高效微生物功能菌的研究</div>
<a>资源与环境</a><span>9月22日</span>
</li>
</ul>
</div>
