javascript - 如何根据列宽换行

您好，我有一张表格，不同的列宽如下

${"#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个字符。但是我想根据列宽来包装文本。这该怎么做..？

最佳答案

如果您想在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));

元素的标题属性将显示默认工具提示。

关于javascript - 如何根据列宽换行，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14213964/