【问题标题】:Three divs, content from one div goes to another三个 div,一个 div 的内容到另一个 div
【发布时间】:2023-03-03 15:08:02
【问题描述】:

我需要创建三个相邻的 div(属性 float:left)。 然后我从数据库中读取数据,我需要将这些数据呈现在三个 div 中,这样我首先逐行填充第一个 div,当我达到一定高度时,我转到下一个 div 并填充它与数据,等等。 这类似于反向表,即我首先填充第一行的第一列,然后进入第二列,依此类推直到行尾,然后我移动到第一行的第二列 等等。我希望你能得到这张照片。

有没有办法在 CSS 或其他方式中实现这一点?

【问题讨论】:

  • 在构建 HTML 时如何知道高度?

标签: html reverse layer


【解决方案1】:

在 CSS3 中使用 column-count and column-span 可以使用此功能。

【讨论】:

    【解决方案2】:

    我不知道如何提高效率,但它应该可以使用 javascript...你知道行高,你检查第一个 div 的高度和所有内容,然后你将它截断到所需的大小和休息放在下一个div..重复..但这看起来很奇怪..?

    【讨论】:

      【解决方案3】:

      您可以通过在一个列中请求数据库中的前 30 个结果,然后在下一个 div 中请求接下来的 30 个结果,等等来做到这一点。我看不出它仅在 CSS 2.1 中是可行的。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2011-04-29
        • 1970-01-01
        • 1970-01-01
        • 2021-09-15
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多