项目中遇到小空间div需要摆放全功能分页器,长度过长,size=“small”属性不生效,css这样调整
template部分
<a-pagination size="small" />
css部分
<style scoped lang="less">
:deep(.ant-pagination-item){
min-width: 21px;
margin-inline-end: 0px;
}
:deep(.ant-pagination .ant-pagination-options-quick-jumper input){
width: 27px;
}
:deep(.ant-pagination .ant-pagination-options-quick-jumper){
margin-inline-start: 0px;
}
:deep(:where(.css-dev-only-do-not-override-18hkbno).ant-pagination){
text-align: left;
}
:deep(.ant-pagination .ant-pagination-jump-next .ant-pagination-jump-prev .ant-pagination-prev){
min-width: 15px;
margin-inline-end: 0px;
}
</style>