如何写......在5个字符之后

Question

我是初学者，我有一个问题。我希望如果我的文字超过 5 个字符，它会写 5 个字符 + ... 。这是为了缩短导航栏中的名称，如果它太长，它会导致我的导航中出现错误。

这是所需结果的示例：
我的文本：TheTest
输出：TheTe...

我想我可以做到这一点，strlen()但不知道如何做到这一点。也许用overflow?
我试图这样做，text-overflow: ellipsis;但它也不起作用 你能帮我吗？