Comment centrer le bouton d'alignement dans Semantic UI React?

Arash

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;
messager à la frontière

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.

modifier le
0

laisse moi dire quelques mots

0commentaires
connexionAprès avoir participé à la revue

Articles connexes

Impossible de centrer le bouton d'alignement

Comment centrer le bouton d'alignement (ou n'importe quel div) dans la colonne de la grille Bootstrap?

Comment centrer l'en-tête d'alignement pour MUIDataTable dans React js

Bouton d'alignement à droite dans le formulaire

Centrer les sorties d'alignement dans le notebook ipython

Comment définir l'image pour centrer le recadrage dans le bouton d'action flottant

Comment redimensionner le composant de table dans React Semantic UI?

Comment centrer le texte dans le bouton de connexion Facebook pour React Native (Android)?

Comment centrer le texte dans le bouton d'action flottante étendue ?

Masquer le lien d'image cassé dans Semantic UI React

Comment puis-je centrer le bouton de connexion Google dans React ?

Comment centrer horizontalement le texte dans le bouton bootstrap?

Comment centrer l'icône d'alignement ionique à l'intérieur du bouton?

Comment centrer la table d'alignement - PDFMAKE

Comment centrer le texte verticalement dans ce bouton

Comment centrer un bouton dans le Jumbotron de Bootstrap?

Comment puis-je sélectionner une image dans le menu déroulant Semantic-UI-React ?

Comment centrer verticalement le texte adjacent à l'image dans l'alignement de la grille ?

Comment centrer le widget de texte d'alignement, puis ajouter une icône principale au texte?

Comment centrer TextView en alignement avec le centre d'ImageView par programmation ?

Comment centrer le logo d'alignement sur cet en-tête particulier

Centrer le texte de cellule d'alignement dans Vb.Net DataGridView

Centrer l'espace réservé d'alignement dans le champ de texte

Centrer le contenu de la pile d'alignement dans xamarin foms xaml

Centrer le texte d'alignement à l'intérieur du texte dans SwiftUI

Centrer le texte d'alignement dans un menu de sélection

Comment désactiver le bouton dans React.js

comment masquer/afficher le bouton d'envoi dans React JS

Centrer le texte dans le bouton Xaml

TOP liste

  1. 1

    Filtrer le dataframe basé sur plusieurs colonnes d'un autre dataframe

  2. 2

    Laravel SQLSTATE [HY000] [1049] Base de données inconnue 'previous_db_name'

  3. 3

    Enregistrer le chemin de l'image de la galerie vers la base de données de la salle et l'afficher dans la liste des recycleurs

  4. 4

    Comment afficher du texte au milieu de div avec une couleur d'arrière-plan différente?

  5. 5

    Microsoft.WebApplication.targets

  6. 6

    Comment changer le navigateur par défaut en Microsoft Edge pour Jupyter Notebook sous Windows 10 ?

  7. 7

    Échec de l'exécution de 'insertBefore' sur 'Node': le paramètre 1 n'est pas de type 'Node'

  8. 8

    Empêcher l'allocation de mémoire dans la génération de combinaison récursive

  9. 9

    Comment analyser un fichier avec un tableau d'objets JSON en utilisant Node.js?

  10. 10

    comment afficher un bouton au-dessus d'un autre élément ?

  11. 11

    Comment centrer un div tout en utilisant la transition et transformer avec l'échelle

  12. 12

    Filtrer les données en fonction des conditions d'une trame de données

  13. 13

    ESP8266 HADRWARE MINUTERIE, USA pour cocher une macro étrange

  14. 14

    Comment définir du texte dans un QLabel et afficher les caractères '<>'?

  15. 15

    System.Data.SqlClient.SqlException: 'Nom de colonne non valide' ApplicationRoleId '.'

  16. 16

    Pourquoi Phantomjs ne fonctionne pas avec ce site ?

  17. 17

    Stop jQuery execution after one time execution

  18. 18

    Concaténer des variables dans ansible

  19. 19

    Comment calculer la probabilité du graphique de densité?

  20. 20

    php ajouter et fusionner des données de deux tables

  21. 21

    Redirection HTTP vers HTTPS dans Java à l'aide de HTTPURLConnection

chaudétiquette

Archive