2011年03月10日

text-overflow: ellipsisで文字を省略して「・・・」を付ける

CSS3のtext-overflow: ellipsisを指定することで、ボックスからあふれた文字を省略して「・・・」を付けることができます。


#columun{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
}


posted by ねこまんま at 03:33 | Comment(0) | TrackBack(0) | CSS | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。