text-overflowはFirefox7から使える／複数行の時はJavaScriptで対応 - with the flow

まんまです。使えるようになってるのを最近知りました。 text-overflowはIEが6から独自仕様として実装していたものですが、 Microsoftの珍しく素晴らしい先見性によって、CSS3の仕様にも組み込まれたものです。今までもwebkit,Operaでは使えていました。 それが、Firefox7からようやく実装されたということですね。 以下のクラスを作っておいて、横幅の指定された対象要素のクラスに追加してあげれば良いです。 .ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; } はてなはCSSが使えるようなので、以下実際にやってみますね。 わかりやすいようにボーダ

[t-shimura]

“ .width(multiline ? el.wid”

[ytkwsm]

文字列の続きを「...」みたいにするやつ

[tomk79]

CSS版の mb_strimwidth()。要素の幅で文字を丸める。

[ahiru_z]

お、これかー！

[itochan]

「日本語は全角半角が入り乱れ」より、英文字は幅が違うので、の方が気になる。URLだとどうなるんだろう？　／　PHPで日本語から文字を削るときはマルチバイトが面倒だった