html - 如何在 Angular Material 13 中添加标题和主体表之间的空间?

标签 html css angular html-table

如何在 Angular Material 表中的标题和正文之间添加空间(边距)?

我一开始尝试使用 this solution但没有成功。

演示:https://stackblitz.com/edit/angular-ivy-anphrw?file=src/app/app.component.html

最佳答案

你所看到的here可以工作。

您必须添加修饰符才能将样式应用于 :host::ng-deep 等 Material 元素。

然后不要忘记使用 line-height 属性来修改标题和正文之间的间距。

这可能会引起争议,因为将来可能会被弃用,并且与 !important 相似,但它效果很好,而且虽然你知道自己在做什么,但在我看来,使用它们并不是一件坏事。

我有forked使用修改器的 stackblitz 元素。

here是这些修饰符的类(class),旨在了解如何以及何时使用它们。

关于html - 如何在 Angular Material 13 中添加标题和主体表之间的空间?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/71927798/

相关文章:

javascript - 客户端实时图像屏蔽

jquery - 是否可以使用 jquery 动态覆盖 css?

css - 使用 "-ms-filter"属性时如何保持 PNG alpha 透明度

angular - map 运算符不适用于 AngularFireAuth Observable

javascript - 固定定位重叠问题

javascript - Quill 在 h1 之后添加了一个不需要的 <br>

java - 在 GWT 中切换开发和生产配置的最佳实践?

html - 向 HTML 中的类动态添加属性

css - 禁用 md-input-container 验证 Angular 2

javascript - 我们什么时候使用 typescript import * as?