"-webkit-line-clamp is an unsupported WebKit property that limits the number of lines of text displayed in a block element. In order to achieve the effect, it needs to be combo-ed with a couple of other exotic WebKit properties."

webkit-line-clamp.css

/**
 * Truncate paragraph with an ellipsis, while specifying exactly how many lines you want
 * source: http://dropshado.ws/post/1015351370/webkit-line-clamp
 */

#content-body {
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}