html - 段落环绕不同字体大小的其他段落

Question

这个很难解释

我有一个包含许多 p 标签的 div 标签。这些 p 标签的字体大小不一，最大可达 250。

我希望文本换行较大的字体。例如，如果我有一段字体大小为 250 的作品“ok”，我希望其他段落标签环绕它而不是像现在这样只有一行。这必须是包含多个 p 标签的单个 div 标签。以下图片解释了我的意思: http://imgur.com/0ED1cS6

我要补充一点，其他段落的顺序无所谓，只要有多行环绕较大的字体，它们就可以完全随机，所以最后一段可以在顶部。我要找的是能在最小区域容纳最多文本的那个。

我已经在 jsfiddle 上放了一个例子，asdf、qwer、sd 和 ds 应该在 test 旁边堆叠在一起 http://jsfiddle.net/rfcy2f15/1/

Answer 1

抱歉我的英语不好，我不确定我是否理解你，但这可以帮助你:http://jsfiddle.net/4kLyxgpx/

p {
    display: block;
    line-height: 100%;
    margin: 0;
}

和 HTML:

<div>
    <p style='font-size: 100px;display: inline; float:left;'>test</p>
    <p style='font-size: 20px;'>asdf</p>
    <p style='font-size: 12px;'>qwer</p>
    <p style='font-size: 10px;'>sd</p>
    <p style='font-size: 10px;'>ds</p>
    <p style='font-size: 40px;'>csd</p>
    <p style='font-size: 10px;'>werw</p>
</div>