Question

CSS 超出自动换行

想修改下面的CSS，让图文超过3个就自动换行显示（现在的不会换行显示）
CSS:
.jptj_h{width:729px; height:233px; background:url(index13_r1_c2.jpg) repeat-y; clear:both; }

.jp_cp{ float:left; display:inline;width:230px;margin-top:3px; margin-left:12px;}
.jp_cp ul{ padding-top:11px;}
.jp_cp li{ padding-bottom:8px;}

<div class="jptj_h">

<div class="jp_cp">
<ul>
<li><a href="[field:arcurl/]" title="[field:title/]" style="color:#F00;" target="_blank">[field:image/]</a></li>
<li class="xh">型号：<a href="[field:arcurl/]" title="[field:title/]" style="color:#F00;" target="_blank">[field:title/]</a></li>
<li class="jg">售价：[field:shoujia/] 元 <a href="/html/fukuanfangshi/" target="_blank"><img src="/templets/default/2011/class_buy.gif" alt="购买" style="vertical-align:middle;" /></a></li>
</ul>
</div>

</div>

Answer 1

li里加float:left:然后调整图片大小，使其刚好三个一行

Answer 2

设置字符的%和div的%

追问

我补充了问题！麻烦看下，谢谢

追答

打字好慢啊，我给你个网址，你自己加个断行的参数就行了。

参考资料： http://wenku.baidu.com/view/c6708e264b35eefdc8d333a1.html

追问

去掉CSS里面的height:233px; 能换行显示！但是显示得乱七八糟