无法完全删除 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 中找到更多信息。
由于您没有提供您的工作示例,它可能只是您内容的高度、字体大小或行高。尝试在开发工具中检查这些属性。
我正尝试像往常一样删除所有元素边距和填充,但它似乎在 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 中找到更多信息。
由于您没有提供您的工作示例,它可能只是您内容的高度、字体大小或行高。尝试在开发工具中检查这些属性。