Wie center-Schaltfläche im material-ui

Konnte ich nicht herausfinden, wie man center-Tasten in material-ui. Dies ist der code den ich habe: 

function BigCard(props) {
    const { classes } = props;
    return (
    <div>
        <Card className={classes.card}>
        <CardContent>
            <Typography variant="display1" className={classes.title}>
            Start Funding!
            </Typography>
        </CardContent>
        <CardActions >
            <Button size="small" color="primary" className={classes.actions}>
            Share
            </Button>
            <Button size="small" color="primary">
            Learn More
            </Button>
        </CardActions>
      </Card>
    </div>
  );

How can I center my button?

  • Hinzufügen von code als text anstatt von Bildern. Auch, versuchen Sie, fügen Sie eine minimale nachweisbare Beispiel: stackoverflow.com/help/mcve
InformationsquelleAutor shirleyc40 | 2018-06-24
  1. 9

    könnten Sie die überschreiben mit Klassen in material-ui-doc,

    ERSTE WEG

    Können Sie etwas tun :

    //Add your justify css in your styles const
const styles = {
    ...
    root: {
        justifyContent: 'center'
    }
};

    Und verwenden Sie die Klassen Requisiten fügen Sie diese zu Ihrem CardActions Komponente :

     <CardActions classes={{root: classes.root}}>

    ZWEITE MÖGLICHKEIT (einfacher)

    ODER verwenden Sie den style direkt auf die Komponente, aber ich rate Ihnen zu trainieren, wie die Verwendung von Klassen, wenn Sie arbeiten viel mit material-ui -

    Tun Sie nur so etwas wie :

    <CardActions style={{justifyContent: 'center'}}>
    InformationsquelleAutor Duncan Roze
Schreibe einen Kommentar