如何基於列的寬度來包裝文本

Question

您好我有與不同勢列寬的表像下面

${"#goldBarList"} table tr td:first-child{width:5%;} 
${"#goldBarList"} table tr td:first-child+td{width:5%;} 
${"#goldBarList"} table tr td:first-child+td+td{width:6%;} 
${"#goldBarList"} table tr td:first-child+td+td+td{width:7%;} 
${"#goldBarList"} table tr td:first-child+td+td+td+td{width:7%;} 
${"#goldBarList"} table tr td:first-child+td+td+td+td+td+td+td{width:11%;} 
${"#goldBarList"} table tr td:first-child+td+td+td+td+td+td+td+td{width:11%;} 
${"#goldBarList"} table tr td:first-child+td+td+td+td+td+td+td+td+td{width:11%;} 
${"#goldBarList"} table tr td:first-child+td+td+td+td+td+td+td+td+td+td{width:11%;} 
${"#goldBarList"} table tr:first-child{read-only:true; font-size:90%; font-weight:bold; 

} 

我用

${"#goldBarList"} table{ 
table-layout:fixed; 
word-wrap:break-word; 
} 

使表固定和包裹文本在細胞中。 但問題是它不是基於列的寬度來包裝文本。 意味着5％的寬度和11％的寬度，它包裝的文字寬於8個字符。但是我想根據列寬來包裝文本。這個怎麼做..？

Answer 1

如果你想換行JavaScript中的文本，

var getFormattedString = function (str, length){ 
    if(str == null || str == '') return ''; 
    return (str.length>length)?(str.substr(0,length) + "...") : str; 
} 

調用上面的函數類似以下。

var name = "This is the long long long text"; 
$(selector).attr('title', name).html(getFormattedString (name, 10)); 

其中，lement的title屬性將顯示默認工具提示。