无法将 css 应用到 Angular Component

By simon at 8 天前 • 0人收藏 • 4人看过

我已经纠结这个问题有一段时间了。

我创建了一个叫 app-place-icon-avatar 的 Angular 组件。

我希望 app-place-icon-avatar 的高度是55px,或者是 div 的100% 。

我试过很多方法。

请看我所引用的屏幕截图。

Https://imgur.com/qqbk3nh

我尝试过应用: : host / deep / ,: : host,将样式直接应用于父组件的 html 中的 place-icon-avatar。

当我检查 css 的时候,它看起来像是被应用了。 右边的高度是100% ,但实际的 app-place-icon-avatar 是17px,不管我怎么做。

我对有棱有角是个新手,如果我遗漏了一些基本的东西,我很抱歉,但我已经找了一段时间,没有找到任何有用的东西。

我想让这个组件有一定高度的原因,是因为它更容易居中。 由于 app-place-icon-avatar 中的图像是55像素,而 app-place-icon-avatar 本身只有17像素高,因此很难垂直居中。 我想让它尽可能简单。

: host / deep / { height: 50px; }

我希望 app-place-icon-avatar 的高度是55px 或者100% 。 不管我怎么努力,它都是17px。

登录后方可回帖

Loading...