Html 如何集中s路由器出口的内容

我试图将路由器出口的内容水平居中放置在角度上；然而，我使用的所有常规技巧都不起作用；在谷歌搜索了所有的嫌疑犯之后 我试过：

• 显示：块；保证金：0自动
• 将其放置在div中并使用上述代码
• 尝试根据路线选择将在那里的组件，即使可能在那里，也可能不在那里
• 我可以通过在主体上添加填充物使其居中，但不会在所有屏幕尺寸上居中
• 我将一个img放在组件上方的中心位置，只是想看看display:block；保证金：0自动；完全有效，它在img标签上有效
• 使用了去除润滑的“中心”标签
• 使用文本对齐：居中

这是一个角度2+项目

html:

HTML

<div class="center-me"><router-outlet></router-outlet></div> 

---

嗯，我觉得很傻，答案是这样做，并将其与“文本对齐：居中；”相结合

img {
  display: block;
  margin: 0 auto;
}

router-outlet {
  display: block;
  margin: 0 auto;
}

<div class="center-me"><router-outlet></router-outlet></div> 

.center-me{
  display: block;
  margin: 0 auto;
}