Html 如何使css在文本溢出时生成省略号？

我正在处理这个问题。我希望这里的超长单词看起来像超长的，而不是显示全文。我试着加上

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

---

但它不起作用。如何使溢出文本以省略号结尾？

必须指定宽度才能达到此效果，如下所示：

.pClass p {
    margin: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:20px;
}