xgqfrms™, xgqfrms® : xgqfrms's offical website of cnblogs! xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!

pure CSS waterfall layout

pure CSS waterfall layout

纯 CSS 瀑布流布局

flex layout

.container{}

.item{}

https://caniuse.com/?search=css flex

https://www.w3.org/TR/css-flexbox-1

CSS Flexible Box Layout Module Level 1, W3C Candidate Recommendation, 19 November 2018

grid layout

.container{}

.item{}

https://caniuse.com/?search=css grid

https://www.w3.org/TR/css-grid-1/

CSS Grid Layout Module Level 1, W3C Candidate Recommendation, 18 August 2020

multi-column layout

.container{}

.item{}

https://caniuse.com/?search=css multi columns

CSS Multi-column Layout Module Level 1, W3C Working Draft, 15 October 2019

https://www.w3.org/TR/css-multicol-1/

demos

flex layout

https://codepen.io/xgqfrms/

grid layout

https://codepen.io/xgqfrms/

multi-column layout

refs

https://stackoverflow.com/questions/44377343/css-only-masonry-layout



©xgqfrms 2012-2020

www.cnblogs.com 发布文章使用:只允许注册用户才可以访问!


posted @ 2020-09-11 10:52  xgqfrms  阅读(807)  评论(4编辑  收藏  举报