如何解决如何使用Material UI React Grid利用CSS Flexbox使我的物品包装,均匀分布但位于特定网格中
在我的React应用程序中,我正在使用Material UI React。我正在尝试利用<Grid>
组件,以便在Flexbox中可以容纳10个项目。
我不确定要正确使用哪种组合以使我的物品在理想的网格中均匀分布。如果项目是一个完美的网格(即10个项目,每5行2行),则效果很好。但是,当我更改屏幕尺寸以考虑响应式设计时,行并不完美。我可以得到的最接近的图像显示在图像中,但我仍然希望所有项目均匀分布(而不是右侧的所有空白)。
另一种尝试,由于最后一行,这绝对不是我想要的:
解决方法
尝试将justify={'space-between'}
或justify={'space-around'}
作为父网格的支撑
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。