vueel-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;
}
页⾯效果:
是不是好看多啦,哈哈哈~
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论