3

右の列の幅が固定され、左の列がウィンドウ サイズによって決まり、テキストが切り捨てられた 2 列の項目のリストが必要です。

+----------------------+-----------+
|Variable width text...|Fixed width|
+----------------------+-----------+

HTML/CSS で切り捨てられたテキストを実行する方法について私が見つけたすべての例は、切り捨てられたテキストに固定幅を使用するため、私の可変幅のケースでは機能しません。通常、左のテキストが切り捨てられず、要素が必要以上に広くなります。

サンプルコードを含めたいと思いますが、投稿する間違ったアプローチがわからないほど多くの異なることを試しました:)

これはデスクトップ アプリケーションの WebView 用であるため、最新の WebKit で動作する場合にのみ必要です。

4

1 に答える 1

2

本当にテキストを切り捨てたい場合は、次のようにすることができます: http://jsfiddle.net/fju9q/2/

これは2div秒を使用します。右divはフローティング、左divはoverflow: hiddenandwhite-space: nowrap;を使用してテキストが切り捨てられていることを確認します。

于 2012-08-10T16:23:01.307 に答える