J'essaie d'insérer quelques boutons sur une page à l'aide d'une extension chromée. Je ne possède pas la page et je ne peux pas contrôler le CSS.
Je les veux tous dans une seule ligne. En ce moment, ils apparaissent tous sur leur propre ligne et prenant toute la largeur. P> Ceci apparaît sur la page comme: p> Add to Response | Not Interested | No Relo | Interested
3 Réponses :
Ajouter à votre CSS:
#mailbox-main button {
display: inline-block;
}
Vous pouvez le faire quelques façons ...
Le mode de bloc inline: ou utilise une boîte flexible, mais cela nécessiterait un logement comme Donc ...
Essayez d'ajouter l'affichage Flex à votre responsabilité
#mailbox-main{
display:flex;
}
Les boutons, seuls, ne devraient pas aller à de nouvelles lignes. Quel CSS avez-vous que cela fait cela arriver?
Il s'agit du comportement par défaut car les boutons sont définis sur
Affichage: Inline-Block Par défaut: Jsfiddle. NET / V4MUNCSP . Si cela ne se produit pas, c'était à votre propre CSS. Vous devez modifier