Y a-t-il un moyen de diviser un espace (ou de div) également pour chaque élément sans spécifier une valeur absolue pour Par exemple, si vous mettez ces éléments dans un div: p> le CSS donnera automatiquement à chaque et dans cet exemple: p> Le CSS donnera également automatiquement chaque est-il possible? P> P> largeur code>. Juste pour rendre le code CSS flexible. .child code> élément largeur = 50% code> p> .child code> élément largeur = 25% code> p>
3 Réponses :
Vous êtes sûr que vous pouvez. Appliquez simplement une valeur avec le pourcentage requis sur la propriété de largeur et assurez-vous d'appliquer un défini à leurs parents. Thas tout.
.child {
width:25%;
}
Merci pour votre essai, mais je ne veux pas spécifier une valeur exacte.
La question était de savoir s'il y a un moyen de faire en sorte que le pourcentage d'enfants soit automatiquement dérivé du nombre d'enfants.
Vous pouvez utiliser le code JQuery ci-dessous:
var childs = $('#parent .child')
,width = Math.floor(100/childs.length);
childs.css('width',width+'%');
Merci, mais je préférerais si j'ai trouvé un moyen dans CSS.
Vous devez utiliser des tables, j'ai peur et ajouter une enveloppe pour l'enfant divs, vous pouvez le faire comme si: exemple: http://cssdesk.com/rzkrw p> p>
Heh ... probablement pas la réponse que vous recherchez, mais oui. les tables.
Vous voulez tous
.child code> dans la même ligne?@Kaiqing tu m'as donné une idée. Je vais essayer de le prouver en premier. Merci.