CSS超出N行时，截取并显示省略号 幻幻Fate 2015年04月23日 0 6,068次浏览 css,省略号

一般要只显示一行的话用overflow:hidden;text-overflow:ellipsis;white-space:nowrap;就行了

例：

但假如要显示2行以上呢，要这样：

text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;

例：

现在只有在chrome内核下有效

------------------------------------------------2019年10月17日--------------------------------------------------------

经测试，现在在Chrome，FireFox，微软Edge下均有效