TypographyMUI 中默认将下一个标签元素移动到新行，如何自定义此组件，下一个 fe 何时在此行上？
我使用这个组件。
如何在没有换行符的情况下制作 MUI 排版？
IT技术
reactjs
material-ui
2021-05-15 12:26:50
4个回答
而不是覆盖样式，只需应用inlineprops或displayprops（取决于您的版本）。
Previous to 4
<Typography inline>Left</Typography>
<Typography inline>Right</Typography>
4.x
<Typography display="inline">Left</Typography>
<Typography display="inline">Right</Typography>
将display组件的样式设置为block.
<Typography style={{display: 'inline-block'}}>Left</Typography>
<Typography style={{display: 'inline-block'}}>Right</Typography>
从材料 4 开始，您可以执行此操作
<Typography display="inline">Left</Typography>
<Typography display="inline">Right</Typography>
排版使用 "< p ></p > 作为 HTML 标签。不可能将长文本保留在一行中。尝试使用 <span> 代替。
25/06/2019 更新
使用 display="inline" 应该可以工作。