如何制作排版素材 - ui没有<br/>

时间:2018-05-07 10:23:31

标签: reactjs material-ui

默认排版材料-ui在新行上移动下一个tag-element,如何自定义此组件,在下一个f.e.在这条线上?

我使用this组件。

4 个答案:

答案 0 :(得分:7)

应用inline道具而不是覆盖样式。

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

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

答案 1 :(得分:4)

将组件的display样式设置为block以外的任何其他格式。

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

答案 2 :(得分:1)

从材料4开始,您可以这样做

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

答案 3 :(得分:0)

印刷术使用“

作为HTML标记。无法将长文本保留在一行中。请尝试使用