開發過程中，表格單元格里的顯示數據經常超出單元格的寬度。遇到這種情況一般會這樣處理。
1、超出部分顯示省略號(...)
解決辦法：在css中設置 text-overflow: ellipsis;
text-overflow：
2、換行顯示
解決辦法： 在css中設置 white-space:normal;
white-space：（1）normal ： 默認 。空白會被瀏覽器忽略。
（2） pre ： 換行和其他空白字符都將受到保護
（3） nowrap ： 強制在同一行內顯示所有文本，直到文本結束或者遭遇 br 對象
示例代碼：
<html>
<head>
<style type="text/css">
p
{
white-space:normal/pre/nowrap;
}
</style>
</head>
<body>
<p>
這是一些文本。
這是一些文本。
這是一些文本。
這是一些文本。
這是一些文本。
這是一些文本。
這是一些文本。
這是一些文本。
這是一些文本。
這是一些文本。
這是一些文本。
這是一些文本。
</p>
</body>
</html>
運行效果圖：（1）
（2）
（3）
希望大家給點意見。
以上這篇單元格內文本顯示超過單元格寬度的快速解決辦法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。
原文地址：http://www.cnblogs.com/ginaprogram/archive/2016/07/12/5663924.html
新聞熱點
疑難解答
