reactjs - 按钮多行排版

Question

对我来说，不可能在具有多行的 React 中使用 Material-Ui 创建按钮。

这是我的代码:

<Button>
<Typography variant="h3">Text1</Typography>
<Typography variant="h5">Text2</Typography>
</Button>

当前结果:文本1文本2

我想要这个:

Text1
Text2

第一个文本应为 variant=h3，第二个文本应为 v=5。谢谢!!!

Answer 1

您可以将按钮 display 样式设置为 block 。并根据您的要求对齐文本。

在此处探索工作解决方案:

<Button style={{ display: "block", textAlign: "left" }}>
        <Typography
          variant="h3"
        >
          Text1
        </Typography>
        <Typography variant="h5">Text2</Typography>
      </Button>