el-pagination layout居中
时间: 2023-04-06 13:00:57 浏览: 217
可以通过设置el-pagination的属性align来实现居中布局,具体代码如下:
<el-pagination
:total="100"
:page-size="10"
:align="center">
</el-pagination>
相关问题
el-pagination layout
可以通过设置不同的属性来改变 el-pagination 的布局,例如设置 layout 属性为 "total, prev, pager, next, jumper" 可以显示总数、上一页、页码、下一页和跳转输入框。你还可以根据需要自定义布局。
设置el-pagination水平居中
可以通过以下步骤将 el-pagination 水平居中:
1. 将 el-pagination 包裹在父元素中,父元素设置为 display: flex; 和 justify-content: center;,这将使 el-pagination 水平居中。
2. 在 el-pagination 中添加 class 属性,并设置 margin: auto;,这将使 el-pagination 在父元素中垂直居中。
下面是示例代码:
```html
<div class="pagination-wrapper">
<el-pagination class="pagination" :total="100" :page-size="10" layout="prev, pager, next" />
</div>
```
```css
.pagination-wrapper {
display: flex;
justify-content: center;
}
.pagination {
margin: auto;
}
```
阅读全文