Rob Weychert用CSS Grid进行网页复杂分区的技巧

CSS Grid,即CSS网格,是一个简单而又强大的网页分区的工具。善用CSS网格进行网页内容布局,会让你的网站更有吸引力。

Rob Weychert是一位住在纽约布鲁克林的设计师、艺术家,迷恋音乐和电影,喜欢制作具有最佳表现效果的网站。

Rob Weychert现在为鼎鼎大名的ProPublica.org工作。ProPublica是一家靠事实来说话的非盈利性新闻网站,经常使用图表和表格来展示数据,很有影响力。

依靠自己的工作经验,以及自己的爱好,Rob Weychert对CSS网格进行了深入的研究,总结了很多技巧。他的现场音乐日记网站tinnitus.robweychert.com,就使用了CSS网格:


Image From:robweychert.com

Rob Weychert总结的两列、三列和四列网格,他的文章中有相应的实现代码,感兴趣的同学可以参考一下:


Image From:robweychert.com

Rob Weychert的文章:
Sophisticated Partitioning with CSS Grid

登录注册后才能评论。