html - 环绕 float 时避免悬挂文本

Question

图片最能说明问题:

它只是一个 float: left 图像 ( http://jsbin.com/itihes/1 )。有什么方法可以防止纯 CSS 中的动态文本出现这个问题吗？我确实希望文本换行，但如果它少于一整行(最好是两整行)，所有文本将保留在右侧的同一 block 中。

图片宽度是固定的，但是整个 block 的宽度是动态的。

Answer 1

DSKrepps 有一个观点:您可以做的最接近的事情是在每个

标记上逐段，这样该段的剩余文本不会换行，但下一段是全 Angular .

你要做的就是这样

.text-div p:first-child {
    overflow:hidden;
    line-height:(a number matching (img height + bottom margin) divider)
}

这样，您的第一段就不会换行在 .. 但另一个 <p> 下将

jsfiddle 给你:http://jsfiddle.net/6FQuH/

否则 --> javascript