Center Avatar in der Toolbar mit MaterialUI

Question

Gibt es eine Möglichkeit, Avatar-Komponente in Toolbar mit MaterialUI-Komponenten zu zentrieren?

<Toolbar> 
    <ToolbarGroup float="right" lastChild> 
     <ToolbarTitle text="Toolbar"/> 
     <Avatar src="images/avatar.jpg"/> 
    </ToolbarGroup> 
</Toolbar> 

Ich habe mit diesen paar Stunden ohne Erfolg gespielt.

Answer 1

Meinst du vertikale Ausrichtung oder horizontal? Mit den Attributen style können Sie die Standardstile überschreiben.

Ich benutze Flexbox CSS Eigenschaften auf dem Avatar, um den Avatar vertikal auszurichten. Die Toolbar wurde kürzlich unter Verwendung von flexbox in der material-ui-Bibliothek neu gestaltet.

Sie können also Flexbox-Eigenschaften zum Ausrichten von Inhalten innerhalb der Toolbar und ToolbarGroup verwenden.

Hoffe, das hilft.