jQueryなどJavaScriptを使わず、指定した文字数やピクセル幅を超えてしまいはみ出た部分を「…」と表示させる事がCSSコードのみで可能です。
例えばワードプレスのテーマを紹介しているこのサイトで使っています。

リンク:WordPressテーマギャラリー
オレンジ色の枠にあるテーマの名前が長い場合は、枠からはみ出たり2行になってしまいます。
そうすると全体のレイアウトが崩れるため文字数を制限しています。
コードはこちらを使います。
text-overflow: ellipsis;


