【CSS】指定した文字数のみ表示する。

.classname {
	width:240px;
	height:3em;
	overflow:hidden;
}

横幅は固定だから、pxできっちり指定して、高さをemで指定。

emで指定する事で、文字サイズが大きくなっても小さくなっても、切れたり出てきたりしない

overflow

visible 
領域指定を無視して、あふれた内容をすべて表示する 
hidden 
あふれた内容は表示しない 
scroll 
縦横にスクロールバーをつけてすべての内容を表示させる 
auto 
ブラウザに任せた表示