如何截斷固定列大小的HTML字符串

Question

即使字符串太長，如何尊重固定列的寬度？

問題是我想在jsp中顯示一個報告，但我將表頭中的標題和另一個表中的內容分開，並將它們的列寬都設置爲相同。問題是幾列中的文本太長，所以我想知道是否可以簡單地截斷字符串以避免列變大。

我將不勝感激您的幫助。

Answer 1

你可以嘗試text-overflow: ellipsis：

td { 
    white-space: nowrap;      
    overflow: hidden;    /* "overflow" value must be different from "visible" */  
    text-overflow: ellipsis; 
} 

警告：如果你不上你的列設置明確寬度IE的舊版本做奇怪的事情，

Answer 2

您可以使用CSS的overflow將元素的內容截斷爲父元素的大小。

#myDiv{ 
    width: 200px; 
    height: 200px; 
    overflow: hidden; 
} 

<div id="myDiv">bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</div> 

Shai。