webkit 浏览器，多行省略

@media all and (-webkit-transform-3d) {
	.sc_structure_doc .sc_title {
	   white-space:normal;
       -webkit-line-clamp:2;
	   display:-webkit-box;
	   -webkit-box-orient: vertical; 
	}
}

在media query中判断webkit-transform-3d ，这是webkit私有的功能，如果通过，说明是webkit浏览器，从而，可以用webkit-line-claml 来实现多行省略的功能

参考：

http://dropshado.ws/post/1015351370/webkit-line-clamp

http://www.smashingmagazine.com/2013/05/23/building-the-new-financial-times-web-app-a-case-study/

http://stackoverflow.com/questions/5661671/detecting-transform-translate3d-support