造型Angular 2 Psuedo Elements（指令元素？）

Question

我正在尝试将一个元素水平居中，这个元素是路由器插座的一个子元素，但它无法正常工作。我认为居中元素的父母需要有一个物理宽度，所以孩子有一些东西要居中。但由于路由器插座是一个伪元素（我认为这就是你所说的），我无法应用宽度。我可以出于某种原因对它应用边框，但没有宽度...那么我应该如何在没有宽度的元素中居中？我必须在这里遗漏一些明显的东西。我无法想象Angular中会出现如此明显的问题。

Answer 1

router-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％。如果你嵌套像span这样的东西，你就可以得到结果。