新着情報にあるような、日付とタイトルを一覧したりするときタイトル部分が２行にならないようにCMS側でフィルターかけたり、Feedを読み込んでJavaScriptで文字列を切り取ったり・・・

なんとなく無駄だなぁ〜って思ってた。

スタイルシートだけで出来ちゃうんですね！！

li{
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

２行目：<LI>タグの幅を300ピクセルに設定

３行目：空白文字の扱いを定義するプロパティ white-space に nowrap を指定し、改行を半角スペースとして表示させる。

４行目：要素からはみ出したコンテンツに対する指定をするプロパティ overflow に hidden を指定し、はみ出し部分を表示させない。

５行目：はみ出し領域の表示方法を指定するプロパティ text-overflow に ellipsis を指定し、はみ出した際に末尾に「…」が付加させる。

ただし、<LI>タグなどに適用する場合、list-style-position を outside にしてもリストのスタイルは表示されませんので要注意です。

実際にやってみると

• 2013年11月05日  【メモ】文字列を一定の長さで省略表示（...）する

スタイルシートを覚えるなら

CSS3 スタンダード・デザインガイド【改訂第2版】 (Web Designing Books) 新品価格 ￥3,024から (2013/11/5 14:23時点)