如何将中心的 material-ui 组件与响应行为对齐？

Question

注意：我已经尝试过这个问题中提到的方法，但在我的情况下它们都不起作用。

这是我的分页组件的链接 - pagination.jsx

我希望将pagination具有响应行为的页面中心的组件对齐，我该如何实现？我正在使用material-ui和mdbootstrap两者。

预期产出

Answer 1

我不知道你是否已经找到了答案，但我会使用 Material-UI 的Box组件。

下面的代码将使分页组件居中，并添加一些顶部和底部边距以将其放置得更远，就像您在图片中想要的那样。

<Box my={2} display="flex" justifyContent="center">
  <Pagination count={10} showFirstButton showLastButton />
</Box>