react-svg-flexbox:SVG元素的基于React的Flexbox布局容器

时间:2024-05-19 05:22:27
【文件属性】:

文件名称:react-svg-flexbox:SVG元素的基于React的Flexbox布局容器

文件大小:192KB

文件格式:ZIP

更新时间:2024-05-19 05:22:27

JavaScript

这是什么? SVG元素的基于React的布局容器。 它解决什么问题? SVG缺少CSS的便捷布局功能; 所有元素都必须绝对定位。 有很多解决方法(例如,使用 ),但是在某些情况下,您最终不得不为繁琐的绝对位置编写繁琐的布局计算。 该组件试图使我们不必执行此操作。 撰写了一篇不错的文章,解释了他为什么喜欢它,并提供了许多示例: 。 它可以像HTML中的Flexbox一样工作吗? 不会。它使用Facebook的来计算位置,该实现了Flexbox算法的一个子集。 显示了受支持的内容。 不支持以下设置: 在容器上: align-content: space-between align-items: baseline align-items: stretch flex-wrap: wrap-reverse justify-content: space-evenly 对孩子们:


【文件预览】:
react-svg-flexbox-master
----rollup.config.js(454B)
----yarn.lock(472KB)
----.prettierignore(6B)
----src()
--------components()
----.storybook()
--------config.js(157B)
--------addons.js(86B)
----README.md(5KB)
----dist()
--------bundle.js(5KB)
----.gitignore(137B)
----.prettierrc.js(159B)
----package.json(3KB)

网友评论