Comment rendre les enfants auto adapter la largeur des parents uniquement avec CSS?
J'ai un composant côté serveur qui génère un fluide de mise en page de la barre d'outils" à l'aide de DIV
sans largeur fixe, générant de nombreux A
à l'intérieur.
Puis j'ai besoin de personnaliser la mise en page à faire tous les A
balises auto ajustement de la mère de la largeur. Mais le nombre d'enfants est variable et le parent largeur n'est pas connu (il s'est auto s'adapte lui-même à la fenêtre).
J'ai fait quelques tests avec ce Violon: http://jsfiddle.net/ErickPetru/6nSEj/1/
Mais je ne peux pas trouver un moyen de le rendre dynamique (décommenter la dernière A
tag pour voir comment il ins fonctionne pas, lol).
Je ne peux pas changer le serveur-côté de sources de gerenate HTML avec une largeur fixe. Et je tiens vraiment à le résoudre uniquement avec du CSS si il n'y a aucune façon, de même qu'avec le JavaScript j'ai pu obtenir ce résultat.
Comment puis-je faire de tous les enfants de l'auto-adapter à la société mère de la largeur de façon indépendante du nombre d'enfants?
source d'informationauteur Erick Petrucelli
Vous devez vous connecter pour publier un commentaire.
Vous pouvez utiliser
display: table-cell
:Voir: http://jsfiddle.net/6nSEj/12/ (ou avec 5 enfants)
Cela ne fonctionnera pas dans IE7, parce que le navigateur n'a tout simplement pas de soutien
display: table
et amis.Pour l'instant ils sont nombreux à utiliser jQuery comme une solution à ce problème. Tous vous avez besoin est une ligne. C'est à partir de votre violon.