若想让li中的内容自动换行,加入以下样式即可(亲测能用):
<title>无标题文档</title> <style type="text/css"> li{ display:block; float:left; width:50px; margin-right:10px; white-space:normal; word-break : break-all; word-wrap: break-word; } </style> </head> <body> <div> <ul> <li>aaaaaaaaaaaaaaaaaaaaaaaaaaaaa</li> <li>bbbbbbbbbbbbbbbbbbbbbbbbbbbb</li> <li>ccccccccccccccccccccccccccccccccc</li> </ul> </div> </body> </html>
其中最关键的样式是:
white-space:normal;
word-break : break-all;
word-wrap: break-word;