用两个div显示数据,第一个div显示不完的显示在第二个div
我现在在做一个导航，导航条的中间有一个logo，我想从数据库调栏目显示，那个logo那里就不显示栏目信息，怎么做，求高手赐教！
请试试看这样的写法，基本上程序在从数据库读出菜单栏目项目时，先计算出有几个项目（本例中是6），然后除以二（本例中得到3），当利用回圈一一的写出项目时，当回圈执行到大于中间值（本例中是3）的时候，就先写出Logo，再往下继续跑回圈。
<html>
<head>
<title> 列表属性 </title>
<style type="text/css">
.aa{width:100%;background:#000000;height:40px;}
ul{list-style:none;padding:0;margin:0;}
li{float:left;color:#FFFFFF;font-size:13px;line-height:40px;padding:0 20px;}
</style>
</head>
<body>
<div class="aa">
<table align="center">
<tr>
<td
<ul>
<li>项目一</li>
<li>项目二</li>
<li>项目三</li>
<li><img src="/images/logo.jpg"></li>
<li>项目四</li>
<li>项目五</li>
<li>项目六</li>
</ul>
</td>
</tr>
</table>
</div>
</body>
</html>追问
<html>
<head>
<title> 列表属性 </title>
<style type="text/css">
.aa{width:100%;background:#000000;height:40px;}
ul{list-style:none;padding:0;margin:0;}
li{float:left;color:#FFFFFF;font-size:13px;line-height:40px;padding:0 20px;}
</style>
</head>
<body>
<div class="aa">
<table align="center">
<tr>
<td
<ul>
<li>项目一</li>
<li>项目二</li>
<li>项目三</li>
<li><img src="/images/logo.jpg"></li>
<li>项目四</li>
<li>项目五</li>
<li>项目六</li>
</ul>
</td>
</tr>
</table>
</div>
</body>
</html>追问
额 这样的话栏目是没法控制的，我要能自由显示栏目数量
追答上面给的虽然是HTML代码，但是实际操作上项目是从数据库读出来的，只是在跑回圈跑到一半的时候把Logo图带出来，好显示在中间的位置，你说的“这样的话栏目无法控制，能自由显示栏目数量”是什么意思呢？
追问我的意思是栏目大小是自动的，只是显示名称，如果栏目只有3个的话，第二个栏目就会显示在logo上了，或者被分为一边一半了，我只需要知道怎么将第一个div显示不完的显示在第二个div（第一个div在logo左边，第二个div在logo右边），就像将一段文字分页后所有页显示在同一页面一样。
温馨提示：内容为网友见解，仅供参考
第1个回答 2013-03-24
需要使用JS
