1. 程式人生 > >如何讓固定寬度的li自動換行,表格內,內容自動換行

如何讓固定寬度的li自動換行,表格內,內容自動換行

一、在做專案中,涉及到頁面顯示,想把所有結果顯示出來,希望超過寬度後 自動換行。但是總是不行,最後查找了下 資料 才發現只要為li新增一個屬性就可以了。

.link-m1 ul li{
 float:left;
 margin:2px 5px;
 list-style:none;
 display:block;
 white-space: nowrap;
}

width: 200rpx; 寬度一定要固定多少

二、表格中也是如此,我設定了表格寬度,但是裡面內容過程把表格撐開了,就是不換行。中文的可以換行。如果是英文如果中間 有空格 等各種特殊字元的話。會在此位置換行。但是如果是一整串 連續的字母,中間沒有任何符號,它就不換行,就算設定了表格寬度 仍沒用,最後找到了一個屬性,加上就可以了

<table style="word-break:break-all;">

只要新增這個屬性,表格中 內容超過長度都會自動換行