无法完全删除Angular 7中元素的边距

Question

我试图像往常一样删除所有元素的边距和填充，但是在Angular 7中似乎不起作用。

在这里您可以看到仍有边距：https://imgur.com/ErptDJP

我尝试过的事情：

在全局Styles.sass文件中将页边距设置为0；

* 
margin:0
padding:0

Answer 1

Angular具有一种机制，用于在默认情况下启用每个组件的样式范围。 如果您希望将某种样式更深地注入到一个组件子组件中，则可以在组件的CSS中使用::ng-deep伪选择器，也可以通过定义encapsulation: ViewEncapsulation.None来定义不遵循封装的组件在组件定义中。

在您的情况下使用::ng-deep的示例：

::ng-deep * 
margin:0
padding:0

更多信息可以在Components Styles Documentation中找到。

由于您没有提供工作示例，因此它可能只是内容的高度，字体大小或行高。尝试在开发工具中检查这些属性。