如果div部分显示，则完全隐藏div

Question

我的栏内container里面有多个divs。像.first这样的div会有足够的宽度来显示所有内部文本。但有些像.third只是部分显示文字。

我想：

1. 无论宽度如何，都显示父div（.first，.second，.third，...）
2. 但.text div只有在完全显示时才可见。如果它的一部分溢出，那么它必须是完全不可见的。
3. 所有父div都有各种宽度和宽度。灵活。我不知道也不能指定固定宽度，因为可能会有更多。困难的部分是其中的文字。
4. CSS之前我想使用.js作为最后的手段

http://jsfiddle.net/qhoc/paYuV/3/



感谢您的帮助。

更新1：

对齐（为什么）：这用于包含多个div / images的主页，例如http://www.flickr.com/photos/ishotyourdesign/4636952172/in/photostream/。鼠标悬停在每张图片上时，会有.text。但有些图像不会以完整尺寸显示（被推到屏幕外），文字不应显示在hover上。只要用户没有看到.text，隐藏{{1}}的方式并不重要。