Xianqiao Wang

Xianqiao Wang

Some records of life and study

  • Home

瀑布流布局

// CSS 实验:https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Masonry_Layout

fallback: Multiple column layout
// 其他布局:https://labs.jensimmons.com/

需求:
  1. 配置类似多列布局
  2. 水平堆砌子元素 // 多列布局和 flex 布局只能垂直堆砌
  3. 子元素内容变化是重新布局

实现方式:
  • layout api

成品:https://googlechromelabs.github.io/houdini-samples/layout-worklet/masonry/

Published by Xianqiao Wang on October 14th, 2019

  • Webapp
  • RSS

© 2025 Xianqiao's Site.

Design by Fabien Penso. Powered by Postach.io