3
votes

Comment supprimer la marge de balise corporelle dans Angular 4?

L'Angular 4 app.component.html ne fournit pas de balise body qui peut être stylisée pour supprimer le remplissage de la balise body .

p>  screenshot montrant la marge

Ce qui suit dans app.component.css n'a pas non plus fonctionné:

body {
margin : 0;
}


1 commentaires

essayez d'ajouter ! important . Par exemple. padding-top: 0px! important;


5 Réponses :


12
votes

Vous devriez mettre votre code css dans style.css, pas app.component.css


0 commentaires

5
votes

REMARQUE: assurez-vous de modifier le css qui est lié à la page

Si vous souhaitez "désactiver" les valeurs CSS par défaut dans les balises HTML, vous devriez essayer de vérifier "reset .css "et saisissez l'idée, comment vous devriez pouvoir créer un nouveau site sans vous soucier des différents rembourrages et marges. Aussi si vous le faites

html, body { padding: 0; margin: 0;} 

cela résoudra probablement ce problème.


0 commentaires

2
votes

Essayez d'ajouter du style au niveau global (index.html OU Styles.css).

index.html

<style>
      body {
        padding-top: 10px;
        padding-left:10px;
      }
</style>


0 commentaires

0
votes

travaillant sur angular 8, semble être utilisé sous le style css car angular 8 a changé quelque chose et le style ci-dessous devrait être utilisé.

;body {
   padding: 20px;
  }


0 commentaires

0
votes
::ng-deep * {
    margin: 0;
    padding: 0;
}

0 commentaires