Flex simu : how to !

Vous pouvez télécharger une version du simulateur

Télécharger

Modifier la taille des blocs 

Utiliser dans votre code la valeur !important

  • Pour forcer la largeur d'un bloc
#A {
       width : auto !important
}
ou

#A {
       width : 10vw !important
}

  • Pour forcer la largeur des blocs
.conteneur *{ 
        width : auto !important 
}

Modifier le contenu

On peut ajouter du contenu au bloc

#A:before{
  content : attr(data-blabla);
}
ou 
#A:after{
  content : attr(data-blabla);
}

Exemple

Copier  ce code et coller (Ctrl+Maj+V) le dans le bloc éditeur du conteneur.

.conteneur { display : flex; padding-right : 5px; } .conteneur *{ width : auto !important; } .conteneur *:before{ content : attr(data-blabla); }