CSS实现文本溢出部分省略号代替

1.文字仅显示1行，溢出部分用省略号代替；CSS如何实现？（三行代码）       white-space: nowrap;       overflow: hidden;       text-overflow: ellipsis;

2.文字仅显示N行，溢出部分用省略号代替；CSS如何实现？（五行代码）                 overflow: hidden;                                溢出内容：隐藏起来       text-overflow: ellipsis;                         如果出现文本溢出：用省略号代替       display: -webkit-box;                          显示模式：WebKit专用的盒子       -webkit-line-clamp: 2;                         行数固定(clamp)为：指定的数值       -webkit-box-orient: vertical;                盒子中的多行如何排布：竖直