1

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

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

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

预期产出

在此处输入图像描述

4

1 回答 1

5

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

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

<Box my={2} display="flex" justifyContent="center">
  <Pagination count={10} showFirstButton showLastButton />
</Box>
于 2020-11-14T01:32:03.167 回答