angular - 我怎样才能使我的角度组件在根级别上成为父级的 100 宽度?
问题描述
我有以下html结构
如您所见,这里我有一个组件app-testing-one
,我在其中渲染一些数据。
如果我把我的组件放在col-7
列宽内,那么它会得到那个宽度,如果我把它放在里面,col-3
那么它会更小。
但在我的情况下,它是 col-3`,我需要渲染我的组件以具有根父级的全宽。
所以下面i want this below to be fuyll width
我需要以 100% 的宽度渲染我的组件。
但我需要自动执行此操作而不将其添加到 col-12 中。
解决方案
使子组件的display: block
然后设置width: 100%
例如:
:host {
display: block;
width: 100%;
}
推荐阅读
- java - 如何使用 PixelReader 和 JavaFX 提取子图像?
- javascript - RxJS - 映射流的最后一个元素
- rest - 使用 REST API 和 powershell 向多个收件人发送电子邮件
- java - 如何在 JAR 中进行 JPA?
- python - Python 强制阻塞循环操作(for)
- html - 带有图像弹出查看器的 html css 画廊网格
- php - PHP 和 SSL 中的 YouTube API
- symfony - 用于实体映射的 API 平台配置在最新版本中位于何处?
- asp.net-core-webapi - 用新的迁移 asp.net 核心覆盖数据库
- php - Laravel 5.6 有限的登录尝试不起作用(Throttles Logins)