<ul>
    <li><a href="#" target="_blank"><font color="#ff7202"><b>[滨湖区]</b></font></a>&nbsp;<a
        href="http://www.0510info.com/co_454/" target="_blank">徐州鸥亚外语</a></li>
    <li><a href="#" target="_blank">徐州蓝天培训学校</a></li>
</ul>
<ul>
    <li><a href="#" target="_blank"><font color="#ff7202"><b>[崇安区]</b></font></a>&nbsp;<a
        href="http://www.0510info.com/co_351/" target="_blank">徐州威格利空调清洗店</a></li>
    <li><a href="#" target="_blank"><font color="#ff7202"><b>[崇安区]</b></font></a>&nbsp;<a
        href="http://www.0510info.com/co_298/" target="_blank">天诚电脑网络家园</a> </li>
</ul>
下面是图片:如果一个ul还好办,两个ul输出同一个信息感觉有难度。

解决方案 »

  1.   

    只是两个Repeater嵌套就可以完成你的要求阿,没有什么困难的阿
      

  2.   

    只是两个Repeater嵌套就可以完成你的要求阿,没有什么困难的阿 同意
      

  3.   

    <!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>
    <style>
    ul{
    width:100px;
    }
    li{
    float:left;
    width:50px;
    list-style:none;
    }
    </style>
    </head>
    <body>
    <ul>
    <li>liu</li>
    <li>xiao</li>
    <li>liu</li>
    <li>xiao</li>
    </ul>
    </body>
    </html>
      

  4.   

    <html>
    <head>
    <title> New Document </title>
    <script language="javascript">
    function setTab(m,n){
    var tli=document.getElementById("menu"+m).getElementsByTagName("li");
    var mli=document.getElementById("main"+m).getElementsByTagName("ul"); 
    for(i=0;i<tli.length;i++){
      tli[i].className=i==n?"hover":""; 
      mli[i].style.display=i==n?"block":"none"; 
    }
    }
    </script>
    <style type="text/css">
    <!--
    body,div,ul,li{
    margin:0 auto;
    padding:0;
    }
    body{
    font:12px "宋体";
    text-align:center;
    }
    a:link{
    color:#00F;
    text-decoration:none;
    }
    a:visited {
    color: #00F;
    text-decoration:none;
    }
    a:hover {
    color: #c00;
    text-decoration:underline;
    }
    ul{
    list-style:none;
    }
    .main{
    clear:both;
    padding:8px;
    text-align:center;
    }
    #tabs0 {
    height: 200px;
    width: 400px;
    border: 1px solid #cbcbcb;
    background-color: #f2f6fb;
    }
    .menu0{
    width: 400px;
    }
    .menu0 li{
    display:block;
    float: left;
    padding: 4px 0;
    width:100px;
    text-align: center;
    cursor:pointer;
    background: #FFFFff;
    }
    .menu0 li.hover{
    background: #f2f6fb;
    }
    #main0 ul{
    display: none;
    }
    #main0 ul.block{
    display: block;
    }
    </style></head><body><div id="tabs0">
    <ul class="menu0" id="menu0">
      <li onclick="setTab(0,0)" class="hover">电脑网络</li>
      <li onclick="setTab(0,1)">餐饮美食</li>
      <li onclick="setTab(0,2)">征婚好友</li>
      <li onclick="setTab(0,3)">婚庆服务</li>
    </ul>
    <div class="main" id="main0">
      <ul class="block"><li>新闻列表</li></ul>
      <ul><li>评论列表</li></ul>
      <ul><li>技术列表</li></ul>
      <ul>
      <li>

    <table>
    <tr>
    <td width="50%"><a href="#" target="_blank"><font color="#ff7202"><b>[滨湖区]</b></font></a>益节智能吸尘器</td>
    <td><a href="http://www.0510info.com/co_454/" target="_blank"><font color="#ff7202"><b>徐州鸥亚外语</b></font></a></td>
    </tr>
    <tr>
    <td><a href="#" target="_blank">徐州蓝天培训学校</a></td>
    <td><a href="#" target="_blank"><font color="#ff7202"><b>[崇安区]</b></font></a></td>
    </tr>
    <tr>
    <td><a href="http://www.0510info.com/co_351/" target="_blank">徐州威格利空调清洗店</a></td>
    <td><a href="#" target="_blank"><font color="#ff7202"><b>[崇安区]</b></font></a></td>
    </tr>
    </table>
      </li></ul>
    </div>
    </div>
    </body>
    </html>具体的排版 lz自己做吧 我的电脑慢死了 
      

  5.   

    给li设样式左浮动和宽度,然后设定ul的宽度为2倍的li宽度