Très simple app.component.html:
<input type="submit" value="Sub"/>
Le résultat du code ci-dessus
p >
Comment supprimer la marge autour du bouton? Je veux que le bouton soit situé en haut à gauche sans retrait.
5 Réponses :
Si vous voulez le fixer en haut à gauche avec force sans supprimer le remplissage de marge dans le conteneur. Ajoutez du style position: fixe; haut: 0; gauche: 0; Ou définir html, body {padding: 0px; margin: 0px;} dans votre fichier style.css
Je ne recommanderais certainement pas de définir une position : fixed juste pour supprimer les marges et les rembourrages
J'ai mentionné que la position d'utilisation n'est fixée que lorsque vous voulez avec force ce bouton en haut à gauche.
Je comprends, je dis juste que ce n'est pas une solution optimale, car dans tous les cas, si vous voulez supprimer avec force les marges et les rembourrages, vous pouvez définir margin: 0px! Important ou padding: 0px! important , ce qui n'est pas non plus une bonne pratique, mais évite au moins de définir une propriété de position sur un élément, ce qui peut entraîner plus de problèmes sur la ligne
Pourquoi angular utilise-t-il le remplissage par défaut?
Problème résolu!
J'ai ajouté ce code dans les styles globaux:
body {
margin: 0;
padding: 0;
}
Si vous avez généré l'application avec la CLI angulaire, il définit simplement un style par défaut pour la page d'index pour vous aider à démarrer, rien qui ne peut être supprimé; si c'est ce que vous avez fait, je vous recommande de l'accepter comme réponse car l'autre réponse n'est pas celle que vous avez utilisée
Ce n'est pas angulaire, il est ajouté par le navigateur. Vous devez réinitialiser le CSS
Vous devez aller dans le fichier styles.css du projet et écrire
corps {
marge: 0;
rembourrage: 0;
}
et c'est tout, c'est simple J'espère que ça marche, c'est comme ça que j'ai résolu le problème
en quoi est-ce différent d'une réponse acceptée existante
À utiliser dans app.component.scss
::ng-deep * {
margin: 0;
padding: 0;
}
pourquoi n'est-ce pas la réponse acceptée, fonctionne comme un charme
Vérifiez votre css sur les balises
htmletbody, voyez si elles ont un remplissage, etc. Sans votre html / css, je ne peux pas vous aider.son plus probable le conteneur parent, vous auriez à publier le code du conteneur, F12> outils de développement> inspecter, il y aura un remplissage sur le conteneur.
Accédez à votre
AppComponent.cssou à votre fichierstyle.csset recherchez les rembourrages ou les marges, supprimez-les simplement et vous êtes prêt à partirDavid, ty pour votre simple aide