【问题标题】:Make floating div clear if space is missing如果缺少空间,请清除浮动 div
【发布时间】:2013-07-25 06:07:08
【问题描述】:

我想让“颜色框”清除右侧的文本,但总是在第一行没有任何跳转。我不知道文本的实际长度,所以它必须是动态的。

所有颜色框的宽度和高度都是固定的,并带有浮动。 文本区域向右浮动并设置宽度。

【问题讨论】:

  • 使用 JS,您可以使用模运算符 % 并根据文本高度是否与颜色框断点不匹配来分配 css。这样,它们将与文本大小无关地排列。

标签: css html css-float


【解决方案1】:

这就是我解决它的方法。我知道我的“色块”高度为 111px,所以我简单地使用一些基本的数学来设置高度。 Ty John Sooter 让我走上正轨。

$('.w3').height(Math.ceil($('.w3').height() / 111.0) * 111);

w3 是我的文本块上的类。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-02-15
    • 1970-01-01
    • 1970-01-01
    • 2014-03-04
    • 1970-01-01
    • 2012-05-29
    • 1970-01-01
    相关资源
    最近更新 更多