日期:2014-05-18  浏览次数:20564 次

控制一个元素的换行?
<style   type= "text/css ">
<!--
div{width:600px;font-size:12px;border:1px   solid   #333333;}
ul{list-style:none;padding:0px;margin:0px;}
li{display:block;float:left;margin-left:5px;}
-->
</style>
<div>
<ul   class= "level04 ">
<li> Ⅳ: <a   href= "show.aspx?ID=194 "> 测试数据001 </a> </li>
<li> Ⅳ: <a   href= "show.aspx?ID=194 "> 测试数据001 </a> </li>
<li> Ⅳ: <a   href= "show.aspx?ID=194 "> 测试数据001 </a> </li>
<li> Ⅳ: <a   href= "show.aspx?ID=194 "> 测试数据001 </a> </li>
<li> Ⅳ: <a   href= "show.aspx?ID=194 "> 测试数据001 </a> </li>
<li> Ⅳ: <a   href= "show.aspx?ID=194 "> 测试数据001 </a> </li>
<li> Ⅳ: <a   href= "show.aspx?ID=194 "> 测试数据001 </a> </li>
<li> Ⅳ: <a   href= "show.aspx?ID=194 "> 测试数据001 </a> </li>
<li> Ⅳ: <a   href= "show.aspx?ID=194 "> 测试数据001 </a> </li>
<li> Ⅳ: <a   href= "show.aspx?ID=194 "> 测试数据001 </a> </li>
<li> Ⅳ: <a   href= "show.aspx?ID=194 "> 测试数据001 </a> </li>
<li> Ⅳ: <a   href= "show.aspx?ID=194 "> 测试数据001 </a> </li>
<li> Ⅳ: <a   href= "show.aspx?ID=194 "> 测试数据001 </a> </li>
<li> Ⅳ: <a   href= "show.aspx?ID=194 "> 测试数据001 </a> </li>
<li> Ⅳ: <a   href= "show.aspx?ID=194 "> 测试数据001 </a> </li>
<li> Ⅳ: <a   href= "show.aspx?ID=194 "> 测试数据001 </a> </li>
</ul>
</div>

怎么样才使上边的数据换行在不大于div长度的最后一个 <li> 处?

不知道我表述的清楚了没,就是现在这样换行,破坏了换行处的 <li>

我想让它如果换行,则正个 <li> 的内容换到第二行显示

有没有办法?

------解决方案--------------------
不熟悉这个,期待高手
------解决方案--------------------
就是换行`??看了没看懂~~
如果是放到数据控件里绑定数据 不想一行显示的话` 放个一行2列的table去掉边框就行了
------解决方案--------------------
什么叫正个,没听懂
------解决方案--------------------
只是话行显示 没必要你想的那么复杂

弄个table就行了`