0

あきらめる！

これが私が達成しようとしていることです：

フィドル： http： //jsfiddle.net/Ws5Ts/1/

望ましい行動：

  1. itemインジケーター番号は顧客の名前とインラインで表示されます（ divの右側に固定したくない）
  2. itemウィンドウのサイズが変更された場合、または顧客の名前が非常に長い場合、インジケーターはオーバーフローしないはずですが、顧客の名前がオーバーフローする間、divの右側に留まります。

私は過去2時間、さまざまな種類のラッピングdivsをさまざまな位置で使用しようとしていましたが、希望どおりに機能させることができません。

ありがとう！

4

2 に答える 2

0

現在のdivの外にインジケーターを配置するのはどうですか？私がここで意味することの本当に簡単な例を作っただけです：http：//jsfiddle.net/Ws5Ts/3/

私のクラスはあまりパフォーマンスが正しくありませんが、私は寝ています:)

'

編集：あなたのレイアウトにより適している場合は、マージン左についての私のコメントを参照してください

于 2012-12-05T23:10:51.837 に答える
0

わかりました、私はこれにあまりにも多くの時間を費やしました。

考えられる解決策：http ：//jsfiddle.net/Ws5Ts/17/

アプローチ：

  1. テキストとインジケーターの順序を逆にしてから、に切り替えdirectionてrtl、テキストが左にオーバーフローするようにします。これにより、インジケーターは必要な場所に保持されますが、テキストが間違った方向にオーバーフローしています。
  2. オーバーフローしたテキストを非表示にして、スペーサーとして使用します。インジケーターを説明するためのマージンがあるコンテナー内に重複して表示される絶対位置のテキストを設定し、そのコンテナーにnowrap、hidden overlay、およびtext-overflowを設定します。

これは、Chrome、Firefox、Safari、IE9で機能するようです。

他の誰かがそれほど複雑でないアプローチを持っていますか？

于 2012-12-06T15:21:35.373 に答える