我正在使用材質ui網格,我想創建一個具有指定高度(例如200像素)的網格容器,其中包含全幅項目。我希望項目從頂部填充容器,我希望剩余空間只在容器底部。 我想要的:
我得到了什么:
我的代碼:
<Grid
container
xs={12}
justifyContent="center"
alignItems="flex-start"
css={css`
height: 200px;
background-color: #aaa;
`}
>
<Grid xs={12}>first row</Grid>
<Grid xs={12}>second row</Grid>
<Grid xs={12}>third row</Grid>
</Grid>
你能幫我修理一下嗎?
使用AlignContent代替AlignItems解決了這個問題。
下一篇vue.js銷毀