el-pagination居中
时间: 2023-08-16 07:14:13 浏览: 124
【Vue2 + ElementUI】分页el-pagination 封装成公用组件
要将el-pagination组件居中显示,可以通过修改样式来实现。根据引用\[1\]和引用\[2\]的内容,可以使用以下样式代码来实现el-pagination居中显示:
```html
<style>
.el-pagination {
justify-content: center; // 居中
}
</style>
```
这段样式代码将el-pagination组件的内容居中显示。将这段样式代码添加到你的代码中,el-pagination组件就会居中显示了。
#### 引用[.reference_title]
- *1* [elementplus 修改分页组件el-pagination的背景色,并且让其居中,显示中文(默认是英文)](https://blog.csdn.net/qq_45886944/article/details/123959787)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [element pagination表格分页居中显示](https://blog.csdn.net/wangshuai13383347132/article/details/122315451)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文