Centrer horizontalement des boutons radios personnalisés

Par eRaph, il y a 8 ans

Les bases HTML/CSS

Bonjour à tous,

J'aimerai vous soumettre mon petit problème actuel : pouvoir centrer horizontalement des boutons radios personnalisés. Ceci en respectant un éventuel retour à la ligne en fonction de la largeur de l'écran (effet responsive). Le code est dispo sous :
[https://jsfiddle.net/07spvL0L/7/]()

Merci d'avance de votre aide.
Raphaël

2 réponses

tomazn,

il y a 8 ans

Bonjour,

Voici une solution, je te conseille de jeter un coup d'oeil sur flexbox en css.

<div class="ck-button-group"> <div id="ck-button">... </div> <div id="ck-button">... </div> <div id="ck-button">... </div> </div> /* CSS */ .ck-button-group{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }

eRaph,

il y a 8 ans

Extra ! C'est exactement ce que je cherchais !
Merci à toi.