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

Can't fully remove margins of elements in Angular 7

我正尝试像往常一样删除所有元素边距和填充,但它似乎在 Angular 7.

中不起作用

这里可以看到还有边距:https://imgur.com/ErptDJP

我尝试过的:

在全局 Styles.sass 文件中将边距和填充设置为 0;

* 
margin:0
padding:0

Angular 有一种机制来限定每个组件的样式范围,该机制默认处于启用状态。 如果你想将一些样式更深入地注入到一个组件的子组件中,你可以在组件的 CSS 中使用 ::ng-deep 伪选择器,或者你可以通过定义 ::ng-deep 伪选择器来定义组件不遵循封装=12=] 在组件定义中。

在您的案例中使用 ::ng-deep 的示例:

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

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

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