文章分类 -  布局篇------网格布局或栅格布局 Grid

CSS Grid布局：网格单元格布局
摘要：定义一个网格 test A B C D E F G H I J可以给父容器的display属性设置为grid或者inline-grid来定义一个网格。这样你就可以使用grid-template-columns和grid-template-rows属性来创建一个网格。在这个示例中，创建了一个三列网格，... 阅读全文

posted @ 2015-02-26 18:04 鬼鬼丫404 阅读(348) 评论(0) 推荐(0)

如何在浏览器中开启CSS Grid Layout
摘要：鉴于只有IE10以上支持网格布局，其他主流浏览器都需要手动开启CSS Grid Layout 下面简单介绍如何在不同的浏览器中开启Chrome浏览器在写这篇文章的时候，我使用的Chrome浏览器版本是“Chrome 38.0.2125.101”。在Chrome浏览器中开启CSS Grid Layou... 阅读全文

posted @ 2015-02-26 17:30 鬼鬼丫404 阅读(375) 评论(0) 推荐(0)

CSS Grid布局：什么是网格布局
摘要：CSS Grid现在已经被W3C纳入到CSS3的一个布局模块当中，被称为CSS Grid Layout Module。而我们较为熟悉的还是将其想像成网格或者栅格，也就是早期的960gs。不管是网格还是栅格或者现在的CSS Grid Layout Module，我想掌握这些技术对于我们将来在Web项目... 阅读全文

posted @ 2015-02-26 17:11 鬼鬼丫404 阅读(167) 评论(0) 推荐(0)

导航