div（またはhtml要素）内の単語を減らして概要を作成する方法

Question

投稿からいくつかの最初の単語を含むブログ記事の概要を作成しようとしていますが、クリックして全記事が開きますが、それのためのtheresとHTMLの機能が不思議であるための任意のバックエンドコードを書く。

更新

私は答えに見られるようなオーバーフローを処理する方法を求めていないのです。 HTMLのような構造であれば、50語のような1つのショーを許すことができるかどうかを尋ねています。ブラウザが対応している場合

Answer 1

<div id="greetings"> 
    Hello universe! 
</div> 

#greetings{ 
    width: 100px 
    white-space: nowrap 
    overflow: hidden 
    text-overflow: ellipsis 
} 

は、ページ上に表示...

こんにちは大学のようなものを取得する必要があります。

参考：

=ellipsis 
    overflow: hidden 
    text-overflow: ellipsis 
    white-space: nowrap 

=ellipsis-multi($lines: 2) 
    overflow: hidden 
    display: -webkit-box 
    -webkit-line-clamp: $lines 
    -webkit-box-orient: vertical 

、あなたはそれを使用している：http://www.w3schools.com/cssref/css3_pr_text-overflow.asp

Answer 2

はここ（.sass上）2つのミックスインです

.title 
    +ellipsis-multi(3) 

それともCSSで

.title { 
    overflow: hidden 
    display: -webkit-box 
    -webkit-line-clamp: 3 
    -webkit-box-orient: vertical 
}