剪切文本

Question

<table id="tab"> 
    <tr><td class="sub">mmmmm</td><td class="sub">jjjjj</td></tr> 
    <tr><td class="sub">lllll</td><td class="sub">wwwww</td></tr> 
</table> 

#tab td { 
    border: 1px solid green; 
    max-width: 40px; 
} 

$(".sub").each(function(){ 
    var o = $(this).html(); 
    $(this).html(o.substring(0, 2)) 
}) 

活生生的例子：http://jsfiddle.net/UTYLf/1/

我想最大寬度爲TD - 40像素。我想剪切溢出文本。我做了子串，但這不是有用的。 毫米！= LL和JJ！= WW等毫米和LL有2個字符，但毫米需要更多的空間比一個LL。 在我的例子中，我想在表中與本例中的相同：http://jsfiddle.net/Eb6WN/

我必須用什麼來代替substr？ 我可以使用HTML，CSS，JavaScript的（jQuery的）和PHP

Answer 1

在這些類型的我用overflow: hidden情況以及加入title每個單元格中顯示完整的文本：

#tab td { 
    border: 1px solid green; 
    max-width: 40px; 
    overflow: hidden; 
} 

$(".sub").each(function(){ 
    $(this).attr("title", $(this).text()).css("cursor", "help"); 
}) 

http://jsfiddle.net/hunter/UTYLf/4/

Answer 2

This（text-overflow: ellipsis; white-space: nowrap; overflow: hidden;）應排在你出去，我想......

Answer 3

你爲什麼不使用overflow: hidden;這個？

Answer 4

你可以嘗試添加text-overflow屬性，你的第一個CSS類。

#tab td { 
    border: 1px solid green; 
    max-width: 40px; 
    text-overflow: ellipsis; 
} 

有些文檔約text-overflow可以發現here。

Answer 5

還有一個jQuery插件，允許有這樣多
http://plugins.jquery.com/plugin-tags/ellipsis