2

我正在构建一个没有滚动条的交互式 Web 应用程序，它看起来像 Windows 8 的现代 UI。我使用http://metroui.org.ua/来构建布局。但是有一个问题，我想建立报纸栏目布局（可能是3），这里描述：

  • 当我添加一个块（正方形或水平矩形）时，在 1 列中显示为线性布局（从左到右，从上到下）。最重要的是，当一列已满时，该块将被添加到下一列。
  • 我尝试使用 3 个 div，但我无法自动将块移动到下一列（不使用 javascript）。

谁能给我一些解决方案？

4

2 回答 2

1

老实说，它并不清楚你在这里问什么。您提供的模板链接是响应式的并使用媒体查询，如果您向此布局添加新列，您需要了解这一切是如何工作的，我认为这里的问题是您不知道！？

于 2012-11-23T15:34:20.523 回答
0

CSS3 提供了一种将任何 HTML 节点的内容转换为任意数量的列的方法。有用于控制列数及其宽度、相对高度（“填充”或内容如何在现有列之间划分）、列之间的间距、“规则”（分隔线或边框）等的属性。

作为起点，请参阅w3schools.com CSS3 多列参考页面。

但是，像往常一样，在广泛使用的浏览器中，仅 IE 不支持 column-CSS3 属性。

一种跨浏览器解决方案是Columnizer jQuery 插件。

于 2013-03-13T21:29:10.427 回答