CSS 文本超過一行顯示省略號

.text-nowrap {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

<p class="text-nowrap" style="width: 120px;">
 A very loooooooooooooooooooooooooooooong text.
</p>