使用Material-UI纸进行垂直对齐

Question

我想使Material-UI Paper组件中的某些文本垂直对齐。

代码在这里：https://codesandbox.io/embed/material-demo-fz9wj

{{1}}

Answer 1

vertical-align CSS属性仅适用于display: block元素。

您可以选择使用flexbox声明root类：

const useStyles = makeStyles(theme => ({
  root: {
    padding: theme.spacing(3, 2),
    height: 200,
    display: "flex",
    flexDirection: "column",
    justifyContent: "center"
  },
}));