CSS 未正确应用于 Angular 中的自定义组件
CSS not applied properly on custom components in Angular
我有一个自定义组件，我在父组件的标记中使用了其中的一些组件。当我在自定义组件 中声明样式 时，它按预期执行。但是，当我在选择每个自定义组件的父组件中设置样式时，会发生格式化但不针对自定义组件 - 相反它会在它之外而不是与它相关。
在Blitzy example中，可以看到边界不是在地狱周围，而是在外面。
我不明白为什么会这样，更不知道如何解决。
您的自定义组件未设置 display css 属性，因此它默认为 display: inline。边框在内联元素上确实有点奇怪......你可以在这里阅读更多相关信息：
为了解决您的问题，您可以将 display: block 添加到您的自定义组件中。参考：https://stackblitz.com/edit/angular-rbpzwz
我有一个自定义组件，我在父组件的标记中使用了其中的一些组件。当我在自定义组件 中声明样式 时，它按预期执行。但是，当我在选择每个自定义组件的父组件中设置样式时，会发生格式化但不针对自定义组件 - 相反它会在它之外而不是与它相关。
在Blitzy example中，可以看到边界不是在地狱周围，而是在外面。
我不明白为什么会这样，更不知道如何解决。
您的自定义组件未设置 display css 属性，因此它默认为 display: inline。边框在内联元素上确实有点奇怪......你可以在这里阅读更多相关信息：
为了解决您的问题，您可以将 display: block 添加到您的自定义组件中。参考：https://stackblitz.com/edit/angular-rbpzwz