前に CSS3 の text-overflow というエントリーでも書いたが、text-overflow を使うと、領域の幅を超えてはみ出している文字を「...」にして表示してくれる。 ◆text-overflow のプロパティ 以下は div (id: textOverflow、width: 100px、height: 100px) の中に長い単語「abcdefghijklmnopqrstuvwxyz」と「あいうえおかきくけこさしすせそたちつてとなにぬねの」を入れた場合。 #textOverflow { overflow: hidden; /* overflow してるのを hidden するので必須 */ text-overflow: ellipsis; /* Safari、Chrome 用 */ -o-text-overflow: ellipsis; /* Opera 用 */ -m