Question

这很难解释

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

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

我应该补充一点，其他段落的顺序无关紧要，只要有多行包裹较大的字体，它们就可以完全随机，所以最后一段可以在顶部。我想要的是最小区域中最适合的文本。

我在jsfiddle上放了一个例子，asdf, qwer, sd, and 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>

包含不同字体大小的其他段落的段落

1 个答案: