css 实现多行超出省略号代替

有时候div宽度是固定的，但是在div里的内容又很长，这个时候会有超出固定行数的文字用省略号代替，而CSS完全可以实现此功能，如下：

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;

如果div只是一行那么可以用以下方式：

width: 50%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;