在网页设计中往往会遇到文本多行显示的情况，会需要显示2-3行，超出部分隐藏并显示省略号。

实现这种效果有2种，一种是程序控制，自动截取一定的字数；另外一种就是今天模板社要分享的css控制的方法：只需以下几行代码就能实现。

1. display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;

另外要是标题只需一行显示怎么办呢？很简单，只需以下的代码

1. overflow: hidden;white-space: nowrap;text-overflow: ellipsis;