文本溢出隐藏打破浮动

Question

我需要我的文字来包装我的图像，这个图像工作正常，直到我将文本溢出设置为隐藏。我需要将其设置为隐藏的原因是因为它最初会被隐藏一半。我尝试在visible和hidden之间来回切换，但它会导致令人讨厌的视觉效果。

如何使用overflow:hidden来保持float的完整性？

A fiddle example of the overflow "bug"

Answer 1

您可以做的是将overflow: hidden设置为父容器，然后切换该属性以显示更多文本。

例如：http://jsfiddle.net/audetwebdesign/D8QUg/

但是，您需要仔细调整div的大小，以便在字符高度的中间不会切断线条。