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
Réponse acceptée

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
Auteur

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