Question

css div里的ul li换行问题

这种怎么控制他 字数不够自动换一行显示？？我是用jsp开发的一个项目 这样显示不太雅观！用jstl循环输出<ul style="width:auto;overflow:hidden;zoom:1;list-style-type:none;padding:0"> <c:forEach var="item" items="${item}" > <li style="width:auto;padding:0"> <h4>${item.key}</h4> </li> <c:forEach var="list" items="${item.value}"> <a href="type.do?typeId=${list.typeId}&operate=toType">${list.typeName}</a>&nbsp;|&nbsp; </c:forEach> </c:forEach> </ul>怎么判断啊？？ 教会我 我就加分啊 感谢啊

Answer 1

你可以用CSS搞定！给UL或LI设置一个宽度就行，显示超过了宽度就会换行。

Answer 2

width不要auto。设定一个固定值。
另外汉字会自动换行，英文的貌似不能。
用line-height控制行高；

Answer 3

给li设一个宽度值。

Answer 4

定义宽度 然后高度自动.行高设好.如果高度也定的话虽说也能出来.但难看.