Javascript 如果最后一个字符未完全显示，则隐藏div中的最后一个字符

我有一个div，它有一行这样的文本：

哈达斯

试试这个..

<div style="overflow: hidden; height: 20px; white-space: nowrap; width: 27px; font-size: 14px">
    HHHAASDAS
</div>
<p class="result"></p>

    var myString = $.trim($( "div" ).html());
    var lastString = myString.slice(0, -1); 
    alert(lastString);
    $( ".result" ).html(lastString);

哈达斯

var myString=$.trim（$（“div”）.html（））；
var lastString=myString.slice（0，-1）；
警报（lastString）；
$（“.result”）.html（lastString）；

---

演示

文本溢出：省略号
是这样工作的

如果HHAASDAS不完全适合，则它将作为

啊



哈达斯

使用CSS属性允许在单词内换行
使用“等于高度”，以便下一行从可见区域外开始
使用JavaScript/jQuery将所有空格替换为非中断空格

$（函数（）{
$（“.test”）.text（函数（i，text）{
返回文本。替换（/\s+/g，“\u00A0”）；
});
});
.test{
字体大小：14px；
溢出：隐藏；
宽度：27px；
高度：20px；
线高：20px；
单词包装：打断单词；
}

哈达斯
H HHAA SDAS
您已经尝试过了吗？