如何使路由器插座的内容居中

Question

我正在尝试将路由器插座的内容以角度水平居中；但是，我使用的所有常规技巧都不起作用；在谷歌搜索所有常见的嫌疑人之后 我试过了：

• 显示：块；边距：0 自动；
• 将它放在一个 div 中并使用上面的代码
• 尝试根据路线选择将存在的组件，即使可能存在也可能不存在
• 我可以通过向正文添加填充来使其居中，但它不会在所有屏幕尺寸上居中
• 我在组件上方居中放置了一个 img，只是为了查看 display: block;边距：0 自动；完全有效，它适用于 img 标签
• 使用了被贬低的“中心”标签
• 使用文本对齐：居中；

这是一个 Angular 2+ 项目

html:

<img src="https://i.ibb.co/6R6pcMm/MRG-Updated-Logo.jpg" />   <!--centered-->
<router-outlet></router-outlet>                               <!--not_centered-->

css:

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

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

Answer 1

HTML

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

CSS

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