【问题标题】:Uneven grid layout不均匀的网格布局
【发布时间】:2011-12-20 16:51:58
【问题描述】:

这是一个例子。

http://jsfiddle.net/wnud4/1/

我希望所有的绿色盒子和蓝色盒子一个接一个地排列整齐,没有大的间隙,除了既定的边距。出于某种原因,蓝色列中的第二个元素抱怨对齐。有没有人有任何建议,或者如果我以错误的方式处理这个问题,可以提供指导。我不想预先定义列,但除此之外,我对任何事情都持开放态度。谢谢!

【问题讨论】:

    标签: html css grid css-float


    【解决方案1】:

    您只能在左列上使用float: left,而在右列上简单地使用margin-left,而不是在两列上都使用浮点数,将这些div推过浮动的div。然后你只需要清理你的宽度和边距以保持一切均匀。

    这是一个例子:http://jsfiddle.net/UZY6t/2/

    【讨论】:

    • 感谢您的帮助,这应该可以像我希望的那样工作!
    【解决方案2】:

    在除 Google Chrome 和 FF 之外的任何地方都未经测试,但您可以尝试使用 float: left 和 margin-left 的组合:

    http://jsfiddle.net/wnud4/7/

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-01-08
      • 2021-10-08
      • 2013-04-03
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多