造型Angular 2 psuedo元素(指令元素?)

Question

我试图水平地将一个是路由器输出子的元素集中，但它不起作用。我认为，中心元素的父母需要具有身体宽度，以便孩子需要以某种为中心。但是，由于路由器输出是伪元素（我认为这就是您所说的），所以我无法应用宽度。我可以出于某种原因将边框应用到它上，但是没有宽度...那么我应该如何以宽度为中心的元素居中？我一定在这里缺少一些明显的东西。我无法想象一个问题很明显。

Answer 1

路由器outlet不是一个psudo元素，它是一个适当的标签，但可能会错过一些初始属性。

尝试将其应用于root css（app.css），并确保app.ts具有封装：viewEncapsulation.none

router-outlet {
  display : block;
  position:relative;
}

Answer 2

没有router-outlet的孩子。路由器添加的组件作为兄弟姐妹添加。您可能会使用

之类的东西

router-outlet + * {
  display : block;
  position:relative;
}

Answer 3

我猜想也许是（不确定在路由器上）...divs通常覆盖100％。如果嵌套像跨度之类的东西，您可以得到结果。