material-ui:如何在表格单元格中放置文本？

Question

我在谷歌上搜索了很多小时以找到解决方案，但在表格单元格中垂直对齐文本似乎非常困难。我很困惑为什么他们使水平对齐变得容易，而垂直对齐却那么困难。

<TableCell colSpan={2} align='center' vertical-align='top' > 
    <Typography  variant="h5" gutterBottom > 
        Task
    </Typography> 
</TableCell>

Answer 1

TableCell来自 material-ui 的组件 doesn't provide such vertical-align Prop ，仅 align .更改 TableCell 的垂直对齐方式你必须通过一个 style Prop (或类名)，像这样:

<TableCell colSpan={2} align="center" style={{ verticalAlign: 'top' }} > 
    <Typography  variant="h5" gutterBottom > 
        Task
    </Typography> 
</TableCell>

任何 Prop TableCell不知道 is passed to it's children root (在这种情况下为 th 元素)，以及在 JSX you can pass a inline style 中与 Prop style和一个驼色的物体。