上一篇文章写到了分页组件的使用，不过我发现，默认情况下，组件是居左显示的，如下图：

但是，居中显示其实更好看一些，所以就研究了一下 Pagination 分页组件的居中显示，发现其实很简单，设置组件的 text-align 属性为 center 即可：

<el-pagination @size-change="changeSizeHandle" @current-change="currentChangeHandle"
    :current-page="currentPage"  layout="total, sizes, prev, pager, next, jumper" 
    :total="total" background>
</el-pagination>  
.el-pagination {
    text-align: center; 
}

页面效果：

是不是好看多啦，哈哈哈~