15

<select>div と jquery を使用して、ボックスに似たドロップダウン メニューを再構築しています。ドロップダウン アイテムを含む div には最小幅が必要ですが、最大幅はありません。リスト内の最も幅の広いアイテムに合わせて拡大する必要があるためです (したがって、「[これはコンテナー内で最も長いアイテムです]」のような非常に長いアイテムがある場合、コンテナ全体がこのエントリと同じ幅である必要があります。

white-space:nowrapこれで、コンテナ内の各アイテムに使用して、アイテムのテキストが新しい行に続かないように、ほとんど必要なものを手に入れました。使用の問題は、テキストに沿ってボックスを成長させるのではなく、 を使用するとテキストがボックスから流れ出すことです。この問題を解決する方法がわかりません。私はすでに試しtext-overflow:ellipsisましたが、オーバーフローしたテキストを隠し、最後に 3 つのドット (...) を追加するだけのようです。

white-space:nowrap一言で言えば、ここに私の問題があります: divが適用されたときに、テキストがそこから流れ出るのではなく、その中のテキストと共に div を成長させるにはどうすればよいですか? を使用してテキストを非表示にしたくないoverflow:hidden、文字列全体を表示したい..

前もって感謝します！

4

3 に答える 3

21

通常の CSS 静的レイアウト モデルでは、ブロック要素の幅はコンテンツに依存しません。他のレイアウト プロパティの一部として、「縮小して合わせる」動作を取得できます。

  • float: left
  • position: absolute
  • display: inline-block
  • テーブル

width明示的に設定されていないと仮定します。

于 2010-10-25T12:20:30.020 に答える
1

同様の問題がありました。パディング値をパーセンテージではなくpxで指定することで解決しました。

于 2013-10-23T21:38:48.817 に答える