2011-07-01 2 views
1

Je tente de mettre un div autour des boutons dans mon application. Les divs devraient avoir un padding 5px autour du bouton. Cependant, le div continue de couvrir toute la largeur de la page sauf si je définis la largeur avec un nombre. Évidemment, il serait beaucoup plus facile d'avoir une largeur 'auto' pour chaque div au lieu de spécifier la largeur pour chaque bouton individuel. Est-ce qu'il y a un moyen de faire ça?Comment définir une largeur automatique à un div qui est un arrière-plan pour un bouton

stylesheet:

.button_div {width: auto; height: auto; border-radius: 10px; padding: 5px;} 

Vue:

<div class="button_div"> 

Merci!

Répondre

3

La largeur 'auto' pour un div est de pour que le div occupe toute la largeur. Les Div sont au niveau du bloc par défaut.

Pour réduire la taille d'un div à la taille de son contenu, vous devez le faire flotter ou définir l'affichage sur Inline-Block.

+0

@DA, merci! mettre cette div à inline-block travaillé. En ce sens que c'était juste cet élément que je ne prévois pas de complications ... djou? – Jay

+0

La seule complication avec le bloc inline serait le support d'iffy dans les anciennes versions d'IE (mais n'est-ce pas toujours une complication?; O) –

0

pourquoi ne pas utiliser

<button class="someClass"/> 

.someClass {padding: 5px;} 
Questions connexes