就目前为止，CSS的Grid和Flexbox结合将是解决布局的最佳方案。虽然浏览器对CSS Grid和Flexbox的属性未完全支持，但对于实现布局而言，这已是一种非常完美的结合。如果CSS Box Alignment Module Level3能得到更好的支持的话，那么对于Web的布局将是一种福音。
……继续阅读 »
web前端中文站
2年前 (2018-01-10) 939浏览 0评论
0个赞
Bulma 的网格体系基于 Flex 布局，写起来非常容易。最简单的用法就是使用columns指定容器，使用column指定项目。
……继续阅读 »
web前端中文站
2年前 (2017-10-24) 1747浏览 0评论
1个赞
CSS Grid Layout是W3C规范中专门为Web布局提供的一个特性。CSS Grid Layout将改变传统的布局模式，他将让布局从一维布局变成了二维布局。简单的说，有了CSS Grid Layout之后，布局不再局限于单个维度了。这个时候你要实现类似九宫格，拼图之类的布局效果显得格外的容易。虽然CSS Grid Layout给Web布局带了革命性的……继续阅读 »
web前端中文站
3年前 (2017-06-05) 1117浏览 0评论
0个赞
在Web的布局设计中时常会碰到全屏的效果，而且很多时候会碰到在限制宽度的容器中实现全屏效果。比如下图的效果：
……继续阅读 »
web前端中文站
3年前 (2017-05-17) 1340浏览 0评论
0个赞
