javascript - 像windows 8一样在css中拆分报纸专栏

标签 javascript html css layout

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

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

谁能给我一些解决方案?

最佳答案

老实说,这并不是要弄清楚你在这里问的是什么。您提供的模板链接是响应式的并使用媒体查询,如果您向此布局添加新列,您需要了解所有这些是如何工作的,我认为这里的问题是您不这样做!?

关于javascript - 像windows 8一样在css中拆分报纸专栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13531699/

相关文章:

jquery - 页面加载过程中页面损坏

CSS类名参数?

javascript - 是否可以通过 JavaScript 检测插件是否激活?

javascript - Node.js 加密输入/输出类型

javascript - 如何在不触发 JSHint 的困惑语义错误的情况下在 JavaScript 的循环中添加 eventListeners?

javascript - jQuery onClick 必须导致间歇性显示 <div> 或图像

html - 在 HTML 页面中添加自定义字体

javascript - 删除后 UI-Select 不更新模型

html - 使用 Angular2 ngFor 索引

javascript - 如何在javascript下划线模板中转义<>?