如何解决React - 如何在方形布局中放置 4 个视频 div?
我正在尝试组合一个基本的前端全息金字塔 web 应用程序,该应用程序获取视频并将其显示在 4 个通常以方形模式彼此等距的窗口中。下面是一个例子:
我继续设置了一个模仿我想要的基本布局(浏览器中的移动视图):
我现在试图用来自 react-player
的视频组件替换文字,但是当我这样做时,视频不会对齐并改变大小:
我不确定如何最好地纠正这个问题。我这里有一个代码沙箱:
我所做的只是用 <ReactPlayer />
替换了“TOP”、“BOTTOM”等。不知道如何最好地纠正这个问题。感谢一些指导和/或帮助。
解决方法
Grid 可能是您的朋友。
去查找 MDN 文档。 他们有非常直接的例子。
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。