Skip to content

The line-height of pagination component not aligned #5574

@xinShawn

Description

@xinShawn
  • I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.2.3

Environment

win10;chrome: 99.0.4844.51(正式版本) (64 位);vue:^3.0.0;

Reproduction link

https://github.com/vueComponent/ant-design-vue/blob/main/components/pagination/style/index.less

Steps to reproduce

页码组件设置showTotal后,发现文字和按钮之间没有垂直居中对齐。

What is expected?

&-total-text {
display: inline-block;
height: @pagination-item-size;
margin-right: 8px;
line-height: @pagination-item-size - 2px;
vertical-align: middle;
}
源代码的这部分,在没有边框的情况下,line-height比高度少了2px,导致字体比页码按钮偏上了一点。
虽然不知道是出于什么考虑,但是想知道能否去掉-2px。

What is actually happening?

页码组件总数文字未和按钮垂直居中对齐。

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions