内部containerに複数のバーがあります。divs一部の div のようなもの.firstは、内部のテキストをすべて表示するのに十分な幅があります。しかし、.thirdテキストを部分的にしか表示しないようなものもあります。
私はしたいと思います：
- 幅に関係なく、親 div (
.first、.second、 、...) を表示します.third - ただし、
.textdiv は完全に表示されている場合にのみ表示する必要があります。その一部がオーバーフローしている場合、完全に見えないはずです。 - すべての親 div にはさまざまな幅と柔軟性があります。もっとあるかもしれないので、私は知らないし、固定幅を割り当てることはできません。難しいのは、その中のテキストです。
- 最後の手段として .js を使用する前に CSS を使用することをお勧めします
http://jsfiddle.net/qhoc/paYuV/3/
助けてくれてありがとう。
更新 1:
理由 (理由):これは、http://www.flickr.com/photos/ishotyourdesign/4636952172/in/photostream/のような複数の div/images を含むホームページに使用されます。各画像にマウスオーバーすると、 が表示されます.text。ただし、一部の画像はフル サイズで表示されず (画面の外に押し出されて)、テキストは に表示されませんhover。ユーザーに表示されない限り、どのように.text非表示にするかは重要ではありません。