我有以下HTML結構
https://stackblitz.com/edit/angular-bootstrap-4-starter-31tboc?file=src/app/testing-one/testing-one.component.html正如你所看到的，在這里我有一個名為app-testing-one的組件，我正在那里渲染一些資料。
如果我把我的組件放在col-7列的寬度內，那么它將得到這個寬度，如果我放在col-3內，那么它將會更小。
但是在我的情況下，它是col-3`，我需要渲染我的組件，以獲得根父的全部寬度。
所以下面的我希望下面的這個是全寬的我需要將我的組件渲染為100%的寬度。
但是我需要自動完成這個任務，而不需要在col-12中添加它。
uj5u.com熱心網友回復：
使子組件的display: block然后設定width: 100%
eg:
：host {
display: block;
width: 100%;
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/309218.html
標籤：