CSS3でのとの素晴らしい組み合わせはwhite-space: nowrap;、ブロック要素内のテキストをクリッピングするのに最適です。overflow: hidden;text-overflow: ellipsis;
CSS2（最新のブラウザー、IE7以降と互換性があります）でそれを行い、テキスト（フロートではない）を右に揃えたいと思います。出来ますか？
これは、サンプルコードスニペットを含むjsFiddleです。その上であなたの答えをテストしてください。ありがとう！
質問する
844 次
2 に答える
1
IEでこれをテストすることはできませんが、テキストを含む要素をとして表示してから、親inline-blockに設定することはできます。text-align: right
編集：display: inline#breadcrumbsでも機能するはずですが、明らかにblock効果が失われます。
于 2012-04-06T15:40:07.457 に答える
1
設定できないと思う理由は何text-align:rightですか？私にとってはうまくいきます。
white-space最新のtext-overflowすべてのブラウザ（IE7 +）でサポートされています。したがって、この例では、右揃えのテキストが親の幅を超えている場合、楕円サイズになります。
これがあなたのフィドルです（ウィンドウを引っ張るだけで狭くなり、正常に機能することがわかります）：http: //jsfiddle.net/rgthree/N3WYE/2/
于 2012-04-06T15:44:01.573 に答える