如何使React File Upload组件与CSS居中对齐

Question

我正在使用打字稿编写React应用程序。我有一个简单的页面，其中包含一些导航栏和文件上传组件。我想将文件上传组件移到主导航正下方的页面中心。这是页面的外观。 [screenshot1] [1]https://i.stack.imgur.com/vYMFb.png

这是我到目前为止尝试过的，但是此CSS代码只是将文件上传组件向下移动了一点。 [css代码] [2]https://i.stack.imgur.com/xW6ne.png

这里是文件上传组件[上传组件] [3]https://i.stack.imgur.com/0yGH7.png

这是应用程序tsx和应用程序css文件[CSS代码] [5]https://i.stack.imgur.com/l0ujE.png

[主要应用代码] [5]https://i.stack.imgur.com/qumjT.png

那么如何将文件上传组件移动到主导航下方页面的中央？

Answer 1

尝试将此CSS应用于header-container

.header-container{
  display: flex;
  justify-content: center;
  align-items: center;
}

让我知道他们是否有问题-