我的角度2组件占据了页面的整个宽度。 当我限制组件宽度时,其边距会拉伸到全宽。 所以我不能带来其他组件。如何限制组件的宽度? 我尝试显示:内联,但没有用。尽管组件占据了整个宽度,不允许任何东西出现在这旁边。
.singleItem{
width:300px;
}
在样式表中
includeCallSite="true" includeSourceInfo="true"
答案 0 :(得分:6)
您需要添加CSS以将宽度设置在正确的位置。在您的示例中,这将是styles
或ItemSet
的{{1}}参数,如
使用Item
选择器(自我)的ItemComponent
:
:host
或将@Component({
selector: 'Item',
template: '<div>Item</div>',
styles: [':host {display: block; border: solid 1px red; width: 300px;}']
})
export class ItemComponent{}
作为选择器
.singleItem