css - CSS2を使用してテキストをクリップし、要素を右揃え（フロートではない）にする方法は？

Question

CSS3でのとの素晴らしい組み合わせはwhite-space: nowrap;、ブロック要素内のテキストをクリッピングするのに最適です。overflow: hidden;text-overflow: ellipsis;

CSS2（最新のブラウザー、IE7以降と互換性があります）でそれを行い、テキスト（フロートではない）を右に揃えたいと思います。出来ますか？

これは、サンプルコードスニペットを含むjsFiddleです。その上であなたの答えをテストしてください。ありがとう！

Answer 1

IEでこれをテストすることはできませんが、テキストを含む要素をとして表示してから、親inline-blockに設定することはできます。text-align: right

http://jsfiddle.net/N3WYE/1/

編集：display: inline#breadcrumbsでも機能するはずですが、明らかにblock効果が失われます。

Answer 2

設定できないと思う理由は何text-align:rightですか？私にとってはうまくいきます。

white-space最新のtext-overflowすべてのブラウザ（IE7 +）でサポートされています。したがって、この例では、右揃えのテキストが親の幅を超えている場合、楕円サイズになります。

これがあなたのフィドルです（ウィンドウを引っ張るだけで狭くなり、正常に機能することがわかります）：http: //jsfiddle.net/rgthree/N3WYE/2/