当角度2分量占据页面的整个宽度时如何修复?

时间:2016-07-31 08:31:04

标签: css angular

我的角度2组件占据了页面的整个宽度。 当我限制组件宽度时,其边距会拉伸到全宽。 所以我不能带来其他组件。如何限制组件的宽度? 我尝试显示:内联,但没有用。尽管组件占据了整个宽度,不允许任何东西出现在这旁边。

.singleItem{
  width:300px;
}

在样式表中

includeCallSite="true" includeSourceInfo="true"

1 个答案:

答案 0 :(得分:6)

您需要添加CSS以将宽度设置在正确的位置。在您的示例中,这将是stylesItemSet的{​​{1}}参数,如

Plunker example

使用Item选择器(自我)的ItemComponent

:host

或将@Component({ selector: 'Item', template: '<div>Item</div>', styles: [':host {display: block; border: solid 1px red; width: 300px;}'] }) export class ItemComponent{} 作为选择器

的父组件
.singleItem