【问题标题】:CSS not applied properly on custom components in Angular [closed]CSS未正确应用于Angular中的自定义组件[关闭]
【发布时间】:2019-12-23 16:37:36
【问题描述】:

我有一个自定义组件,并且我在父级的标记中使用了其中的一些。当我在自定义组件中声明样式 within 时,它会按预期执行。但是,当我在选择每个自定义组件的父组件中设置样式时,会进行格式化,但不会针对自定义组件 - 相反,它会在它之外而不是与之相关。

Blitzy example 中,可以看到边界不是围绕 hellow,而是在它们之外

我不明白为什么会这样,更不用说如何解决了。

【问题讨论】:

  • 请在您的问题中添加minimal reproducible example。指向非现场示例或 sn-p 的链接是不够的。
  • @TommySchmidt 场外示例是远远不够的。有关更多信息,请参阅此帖子上的黄色横幅。当链接更改或死亡时,没有代码的调试问题是无用的。
  • @TylerH 我明白你的意思,但是我认为我们可以编辑问题以适应 SO 的要求而不是标记。这样每个人都很开心。无论如何,感谢您的快速响应^^
  • @TommySchmidt 那很好,但这通常会侵犯许可证持有者的权利(例如,通常是 OP)。 SO 上的内容在 CC by-SA 3.0 下获得许可,这意味着一旦将其发布在此处,将其删除的选项非常有限。事实上,当他们试图将他们的许可证更改为其他东西时,由于对此处发布并从此处使用的代码的所有影响,SO 得到了彻底的解决。 tl;dr 这就是我们要求 OP 执行此操作的原因 - 要求他们以换取免费帮助不应该付出太多努力,并且它确保他们的代码仅在他们需要时才在此处生成在这里。

标签: html css angular asp.net-core-2.2


【解决方案1】:

您的自定义组件未设置display css 属性,因此默认为display: inline。边框在内联元素上确实有点奇怪......你可以在这里阅读更多信息:https://stackoverflow.com/a/5700058/6357653

为了解决您的问题,您可以将display: block 添加到您的自定义组件中。参考:https://stackblitz.com/edit/angular-rbpzwz

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-06-16
    • 2019-06-13
    相关资源
    最近更新 更多