J'ai un bouton et je veux que ce soit une taille particulière
html CSS Mais si je mets par exemple largeur: 100px; Cela ne change pas de taille.
Est-ce que je fais quelque chose de mal ou que vous ne pouvez tout simplement pas changer la taille d'un bouton prématuré?
4 Réponses :
manquant
Affichage: bloc;
doit régler l'affichage pour bloquer si vous souhaitez définir une largeur fixe sur un élément en ligne
Je pense que vous voulez dire Affichage: Inline-Block .
Non, bloc. Inline-Block n'est pas pris en charge dans tous les navigateurs.
IE 6/7 Accepte la valeur uniquement sur des éléments avec un affichage naturel : Inline .
Les navigateurs de Mozilla ne le soutiennent pas du tout. Je ne sais pas si cela a été corrigé dans de nouvelles versions.
Ce n'est tout simplement pas vrai! Lisez les tables de compatibilité que j'ai liées.
Essayez ceci ..
.button {
display:inline-block;
min-width: 50px;
width: 80px;
padding:5px 10px;
}
Inline-Block n'est pas pris en charge dans IE6 et 7, je crois.
La question spécifiée CSS3, donc c'est-à-dire 6/7 ne constitue probablement pas un problème.
IE 6/7 Accepte la valeur uniquement sur des éléments avec un affichage naturel : Inline , donc il n'y a pas de problème.
Ce style est sur un élément A , qui est en ligne et n'acceptera pas une largeur. Vous pouvez le modifier pour être inline-block ou bloquer , puis vous aurez le contrôle sur la largeur.
Vous devez faire votre dans un élément de niveau de bloc. Voici un exemple de fonctionnement .
Je viens d'ajouter ceci à votre CSS pour .button: < / p>
Vous n'avez pas spécifié de largeur nulle part dans le code ci-dessus.