css : prévenir les div de largeur à partir de l'expansion en largeur disponible
Comment puis-je prévenir la div de l'expansion? Je veux div avec des éléments à ne pas prendre 100% de l'espace disponible et avoir la largeur que c'est des enfants. J'en ai besoin pour le centrage div parent à l'horizontale. Le truc, c'est que les éléments enfants doivent partager float:left ou afficher: inline-block et fluide largeur, donc il peut y avoir quelques rangées d'éléments enfants.
Je ne peut pas envelopper chaque ligne de son propre div depuis ça va casser responsive design.
Il y a plusieurs possibilités:
Ensemble
Comme cela semble être un banal problème, il pourrait aider à montrer votre code HTML afin que nous puissions voir ce défi auquel vous êtes confronté.
Réglage display:inline block n'empêche pas qu'un élément de l'expansion si il y a plus d'une rangée d'éléments d'enfant
avez-vous essayer de réglage statique de la largeur ainsi que d'un max-width?
display:inline-block
est bon pour ce (être conscient de la IE7 hack)Ensemble
display: inline-block
pour le parent et l'envelopper par un conteneur a text-align: center;
Comme cela semble être un banal problème, il pourrait aider à montrer votre code HTML afin que nous puissions voir ce défi auquel vous êtes confronté.
Réglage display:inline block n'empêche pas qu'un élément de l'expansion si il y a plus d'une rangée d'éléments d'enfant
avez-vous essayer de réglage statique de la largeur ainsi que d'un max-width?
OriginalL'auteur vlad | 2013-08-08
Vous devez vous connecter pour publier un commentaire.
Vous devez utiliser
display: table;
Il va rétrécir à la taille de son contenu et peut également être centrée et de positionnement sans avoir à attribuer une largeur.DÉMO http://jsfiddle.net/kevinPHPkevin/9VRzM/
J'ai effectivement essayé de réglage
float:left
etdisplay: inline-block
et je ne vois pas le problème. Dans ces situations, le conteneur parent va étendre autant qu'il le peut afin de permettre à l'enfant les éléments pour remplir la largeur disponible. Vous pouvez contraindre la largeur à l'aide de la propriété "width" pour le conteneur parent.développe encore lorsque plus de texte
OriginalL'auteur Kevin Lynch
avez-vous essayé d'utiliser
display: inline-block
? DIV prendra 100% de largeur, car ils sont des éléments de bloc.Ce sera l'effondrement de la div, mais il ne sera pas (facilement) centré.
OriginalL'auteur mitch