ellipsisのためにtitle属性を仕込むのもバカバカしい。いった定義がある要素のクラス名を決め打ちで動的に仕込んでいくのもまたバカバカしい。Hail2u.net上記の記事を読んで、面白そうだから自分で書いてみた。ユーザー的には、ellipsisで省略されたテキストがツールチップとかで表示されると結構便利かもね!実際にはどうやって書くんだろう?という興味。以下HTMLとCSSのサンプル。<li>吾輩は猫である。nowrap;}これでli要素のテキストが5emを超えると、超えた分は省略されて三点リーダーになる。超えた時はtitle属性で中のテキストをツールチップなどで表示させて、超えてなければそのまま。超えるか超えないかはその要素の横幅やフォントサイズに依存するので、全部に最初からtitle属性を付けるのも微妙な感じ。テキストだけの横幅って多分取れない。jQueryで動的に作った文字列の幅を取得してみるの方法パクって、テキストをダミーの要素に入れてそれの横幅を取得するやり方でやってみた。ellipsis;が当たってる要素抽出して文字列取って横幅取って...とかやってたらすごいパフォーマンス落ちそう。hidden;を解除して全文を表示するという方法はどうだろうか。一応言うと@nazomikanの案。absolute;で絶対位置で表示させる。すると元の要素の高さが失われるので、hover時の兄弟要素のpaddingを若干調整してやる。Demo3元のテキストがすごい長かったりして折り返して表示したい時とか横スクロールバー発生するし、高さが1emじゃないこともあるだろうし、全然汎用的じゃない。それこそJSでhover時にボックス表示させてあげたりとかの方が良さそう。いうような感じで遊んでた。