CSS 文本超过一行显示省略号

1.text-nowrap {
2    overflow: hidden;
3    white-space: nowrap;
4    text-overflow: ellipsis;
5}

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