【问题标题】:An open source grid layout other than the frameworks available除可用框架外的开源网格布局
【发布时间】:2015-07-03 23:36:17
【问题描述】:

有没有开源的css网格布局代码,知道有bootstrap和masonry等框架的存在, 我想知道是否有任何方法可以在不使用这些框架的情况下获得网格布局?

【问题讨论】:

  • 您在寻找什么样的房产。比我想象的简单表格更复杂?
  • 我正在寻找一个简单的网格布局,比如 GRUD,按图片对齐项目,在每个价格下方用一个按钮

标签: css grid grid-layout


【解决方案1】:

当然有很多只是网格框架没有完整的 ui css 框架的开销,真的只是 google css 网格框架

老经典 http://960.gs/

响应式 http://getskeleton.com/

http://www.responsivegridsystem.com/

萨斯

http://susy.oddbird.net/


较新的基于 Flexbox 的网格框架 http://flexboxgrid.com

http://studio51.github.io/gridlecss/

http://fclaussen.github.io/Flexbox-Framework/

最新的是Css Grid Layout spec,据我所知,所有主要的浏览器制造商都致力于此规范,Chrome Canary 有一个很好的实施,Firefox 正在努力。 Webkit 也在研究它。 有关 Css 网格布局,请参阅这些资源

瑞秋·安德鲁斯网站 http://gridbyexample.com/

Polyfill https://github.com/FremyCompany/css-grid-polyfill

Igalia 展示了如何在不同的浏览器中启用以及其他示例 http://igalia.github.io/css-grid-layout/

使用网格布局规范,您将不再需要一个框架来布局网格,希望到 2016 年它将出现在所有主要浏览器中

另请参阅上面基于 flexbox 的网格,因为它们似乎越来越受欢迎。

但我对 Css Grid Layout Spec 和在浏览器中内置的网格功能感到非常兴奋

【讨论】:

    猜你喜欢
    • 2012-05-31
    • 1970-01-01
    • 2020-10-18
    • 1970-01-01
    • 2014-06-07
    • 1970-01-01
    • 1970-01-01
    • 2016-04-16
    • 2023-03-19
    相关资源
    最近更新 更多