Javascript 换行并删除额外字符

有没有一种方法可以删除无法放入元素中的不可拆分字符

比如说-

如果有具有特定宽度的列表-

<ul>
    <li>First word</li>
    <li>This is a long long long word</li>
    <li>Another word</li>
</ul>

然后，长项目文本将被包装到第二行

如何删除额外的不可包装的单词/字符

这是小提琴：

---

编辑：可以有多个不同宽度的列表项-因此，通过计算字符数来生成子字符串-可能不是一个解决方案&通过添加文本省略号（例如：

---

通过为示例添加文本省略号：

---

您可以添加css规则

overflow:hidden添加到列表项

ul li
{
    width:100px;
    height:20px;
    overflow: hidden;
    background-color:lightblue;
    border:1px solid black;
}

您可以添加css规则
overflow:hidden添加到列表项

ul li
{
    width:100px;
    height:20px;
    overflow: hidden;
    background-color:lightblue;
    border:1px solid black;
}

ul li
{
    width:100px;
    height:20px;
    overflow: hidden;
    background-color:lightblue;
    border:1px solid black;
}