如何在没有换行符的情况下制作 MUI 排版？

Question

MUI中默认的 Typography 将下一个标签元素移动到新行，如何自定义这个组件，当下一个fe在这一行时？

我使用 这个 组件。

原文由 Roberto 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

将组件的 display 样式设置为 block 以外的任何内容。

 <Typography style={{display: 'inline-block'}}>Left</Typography>
<Typography style={{display: 'inline-block'}}>Right</Typography>

原文由 vonUbisch 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

不要覆盖样式，只需应用 inline 道具或 display 道具（取决于您的版本）。

Previous to 4

 <Typography inline>Left</Typography>
<Typography inline>Right</Typography>

4.x

 <Typography display="inline">Left</Typography>
<Typography display="inline">Right</Typography>

https://material-ui.com/api/typography/

原文由 TechnoTim 发布，翻译遵循 CC BY-SA 4.0 许可协议