代码之家  ›  专栏  ›  技术社区  ›  jay

动态浮顶位置[复制]

  •  0
  • jay  · 技术社区  · 14 年前

    可能重复:
    Any ideas on how I could implement a grid-view in CSS? - CSS

    I have an example of a dynamic number of divs all floating left:

    alt text http://img266.imageshack.us/img266/7717/qaatest1.jpg

    …但希望新行像我的示例所需的输出那样被塞进前一行下面:

    alt text http://img714.imageshack.us/img714/1527/qaatest2.jpg

    我知道使用列可能是最好的方法,但我对如何使用列有困难。一个CSS解决方案会很好。

    我知道一开始会有多少个盒子。有什么想法吗?

    谢谢。

    1 回复  |  直到 12 年前
        1
  •  3
  •   ghoppe    14 年前

    此jquery插件可能有帮助: http://desandro.com/resources/jquery-masonry/

    编辑: 我认为单纯的CSS解决方案还不够。您可能知道列的数量,但是如果没有javascript的技巧,您将无法知道列的大小。我推荐上面的插件。