web-dev-qa-db-fra.com

Comment faire du matériel de typographie-ui sans <br>

par défaut Typography material-ui move next tag-element on new line, how to custom this component, when next f.e. était sur cette ligne?

J'utilise le composant this .

6
Roberto

Définissez le style display du composant sur autre chose que block.

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

Plutôt que de remplacer le style, appliquez simplement le inline prop ou display prop (selon votre version).

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/

12
TechnoTim

La typographie utilise "<p> </ p> comme balise HTML. Il ne sera pas possible de conserver le texte long sur une seule ligne. Essayez d'utiliser <span> à la place.

Mise à jour 25/06/2019

Avec display = "inline" devrait fonctionner.

1
Alexander Karpov

À partir du matériel 4, vous pouvez le faire

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