如何让p标签里文字不换行，以省略号结束

有时候我们只需要页面显示一行内容，又不想改后端程序，又不想用JS截取，那么有什么简单的办法让p标签里文字不换行，以省略号结束呢？

1. //一行
2. white-space: nowrap;
3. text-overflow: ellipsis;
4. overflow: hidden;
5. word-break: break-all;
6. //两行
7. text-overflow: -o-ellipsis-lastline;
8. overflow: hidden;
9. text-overflow: ellipsis;
10. display: -webkit-box;
11. -webkit-line-clamp: 2;
12. line-clamp: 2;
13. -webkit-box-orient: vertical;