Reactjs 材料界面<；TextField/>；不垂直与之对齐'；s标签

我想垂直对齐材料界面的

排版

和

文本字段

。 这是我的密码

<Grid container>
    <Grid item xs={12} sm={3}>
        <Typography>1.1 Company Name</Typography>
    </Grid>
    <Grid item xs={12} sm={9}>
        <TextField id="standard-basic" label="Standard"/>
    </Grid>
</Grid>

1.1公司名称

这是它的样子

---

有人能给我一个解决方案吗？

您可以使用

alignItems=“center”

在这种情况下，您可以应用

align items:flex end到容器

.MuiGrid-container {
  align-items: flex-end;
}

还要进行模板更改：-

<Grid container>
      <Grid item xs={12} sm={4}>
        <Typography>1.1 Company Name</Typography>
      </Grid>
      <Grid item xs={12} sm={8}>
        <TextField id="standard-basic" label="Standard" />
      </Grid>
    </Grid>


1.1公司名称

工作守则-

如果您可以移除标签道具，它将使这两个道具更加对齐。如果您仍然想保留标签，那么您需要直接使用CSS