開發過程中，表格單元格裡的顯示數據經常超出單元格的寬度。遇到這種情況一般會這樣處理。 1、超出部分顯示省略號(...) 解決辦法：在css中設置 text-overflow: ellipsis; text-overflow： 2、換行顯示 解決辦法： 在css中設置 white-space:norm ...
開發過程中，表格單元格裡的顯示數據經常超出單元格的寬度。遇到這種情況一般會這樣處理。
1、超出部分顯示省略號(...)或其他方式省略,滑鼠懸停顯示省略部分。
解決辦法：在css中設置 text-overflow: ellipsis;
text-overflow：
滑鼠懸停顯示剩餘部分：#d.hover{ overflow:visible;}
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）
希望大家給點意見。
