comment puis-je centrer un bouton dans l'interface utilisateur sémantique React
J'ai essayé plusieurs approches, en utilisant Grid, Grid Row, mais sans succès
import {Segment, Button,Label,Sticky,Grid,Container} from 'semantic-ui-react';
import React, {Component} from 'react';
const GeneralSupportSegment =() => (
<Segment>
<Label ribbon color="blue" size="large">Support</Label>
<Button>contact us</Button>
</Segment>
);
export default GeneralSupportSegment;
Ce serait bien si vous pouviez partager ce que vous avez essayé de faire.
Une solution pourrait être:
<Segment>
<Label ribbon color="blue" size="large">Support</Label>
<Grid>
<Grid.Column textAlign="center">
<Button>contact us</Button>
</Grid.Column>
</Grid>
</Segment>
Vous pouvez le voir fonctionner ici: https://codesandbox.io/s/z2pkv0ro43
Cet article est collecté sur Internet, veuillez indiquer la source lors de la réimpression.
En cas d'infraction, veuillez [email protected] Supprimer.
laisse moi dire quelques mots