3

示例：https ://i.imgur.com/Xd0XkmE.png

我已经在父级上尝试了 fxFlexAlign - fxLayoutAlign ，给它一个 ID 并使用 display:flex + justify-content:center 和 !important 。

问题是——上面所有的东西都对它做了一些事情，它对 CSS 和 FlexLayout 指令做出反应，但无论如何它看起来仍然明显错位。

经过检查，很明显它是从“容器”的右下角生长出来的，根本不关心以任何方式对齐。

我在处理这些方面有什么遗漏吗？我查看了文档 + stackoverflow + google 了它，但找不到任何东西。

4

2 回答 2

4

您在发布的答案中的评论中提到您正在更改字体大小并触发问题。我想我记得我注意到了一个错误 - 至少我知道我遇到了它。除了字体大小，您还需要相应地调整宽度和高度。实际上，最好定义类来处理所有这些并将它们应用于 mat-icon 元素。例如：

.mat-icon-16 {
    font-size: 16px;
    width: 16px;
    height: 16px;
}

<mat-icon class="mat-icon-16">help<mat-icon>

请注意， line-height 也会起作用，但默认情况下它是“1”，因此您不需要更改它。

于 2018-08-13T13:53:42.843 回答
0

最终用 svg 图标将所有内容更改为令人敬畏的字体，导入每个图标有点乏味，但保持包很小，并且不能真正与 svg 的价值争论。在接下来的十年里，我不会接触物质图标。

于 2018-08-12T23:00:51.667 回答