table中td 內容超長 自動折行 (含字母數字文字)


<table style="width:100%;table-layout:fixed;"> //列寬由表格寬度和列寬度設定
<thead>
<th>用戶名</th>
<th>地址</th>
</thead>
<tbody>
<tr>
<td>123adjdjfjj123adjdjfjj123adjdjfjj123adjdjfjj123adjdjfjj123adjdjfjj123adjdjfjj123adjdjfjj123adjdjfjj123adjdjfjj123adjdjfjj123adjdjfjj123adjdjfjj123adjdjfjj123adjdjfjj123adjdjfjj123adjdjfjj123adjdjfjj123adjdj</td>
<td>杭州市蕭山區大風車路街 胡同弄相西山風華薪胡同 里第38座樓8單元別2-808室</td>
</tr>
</tbody>
</table>
<style>
table td{
 white-space:pre-wrap;   // 保留空白符序列,但是正常地進行換行。
 word-wrap: break-word;  //在長單詞數字或 URL 地址內部進行換行
}
</style>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM