若想讓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;