vue el-pagination 分页组件居中
.el-pagination {text-align: center;}
·
上一篇文章写到了分页组件的使用,不过我发现,默认情况下,组件是居左显示的,如下图:
但是,居中显示其实更好看一些,所以就研究了一下 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;
}
页面效果:
是不是好看多啦,哈哈哈~
更多推荐
所有评论(0)