material-ui - 网格组件对齐
问题描述
我创建了一个包含三个项目的基本网格布局。
import { withStyles } from '@material-ui/core/styles';
import Grid from '@material-ui/core/Grid';
import Paper from '@material-ui/core/Paper';
function Layout(props) {
return (
<Grid container spacing={24}>
<Grid item xs={12}>
<Paper square ><img src="wind/images.jpg"/></Paper>
<Paper square ><img src="wind/images.jpg"/></Paper>
<Paper square ><img src="wind/images.jpg"/></Paper>
</Grid>
</Grid>
);
我注意到右侧有一个小空间。
如何均匀对齐页面上的内容,以便屏幕边缘没有空间?
谢谢
解决方案
推荐阅读
- c++ - C ++中集合和多集合之间的多态性
- android - uiautomator 可以在 API 19 的模拟器上运行吗?
- angular - 我可以从我的角度应用程序中隐藏“highchart.com”文本吗?
- spring-boot - 从浏览器访问 Docker 容器中的 Spring-Boot 服务
- common-lisp - 有没有办法找出在 SBCL 中精确定义的原始函数(内置)如何?
- javascript - 我需要更改材质 UI 助手文本背景
- zoom-sdk - 是否有任何 API 可以为 Zoom 会议申请主机密钥?
- vue-router - Vue3 - 在组件内提供/注入对象后丢失数据
- php - 从 DateTimeType 类中删除秒
- c# - EF Core 无法保存修改后的实体