Carousel Component will have an additional 5px when using div->img label

[gentingincubus]

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

Version

4.2.6

Environment

win10、chrome137.0.7151.120、vue3

Reproduction link

Steps to reproduce

Carousel Component, provide it <div><img/></div> structure as content.

What is expected?

<img>should completely fill the <div>’s height

What is actually happening?

It will have an additional 5px under the <img>,it cause unexpected results ,such as when you set border-radius of Carousel container an so on.

---

The reason is that img is inline and the default vertical-align of the image is baseline.This will result in a blank space below the image.Normally, adding vertical-align: bottom in a div will solve the problem.However,it not effect in Carousel,i dont know why,unless added it in inner class (ant-image)

[webvs2]

I will look into the issue.

[webvs2]

@gentingincubus Hello, I'm reproducing your code. Please set font-size: 0 for .imagebox . "Attributes solve problems!"

[webvs2]

The 'img' tag is similar to the 'text' tag, which causes a blank character to be added at the end of the element's interior. The parent's internal height and font size have an impact on this character, thus resulting in this phenomenon
img标签类似于text标签，这使得在元素内部的末尾加入一个空白的字符，让父级关于内部高度和字体大小对这个字符产生了影响，于是造成了这个现象

[gentingincubus]

@gentingincubus Hello, I'm reproducing your code. Please set font-size: 0 for .imagebox . "Attributes solve problems!"
yes,it also solve the problem,but is will cause inconvenience when i add some text description in .imageBox
the more i want to know is why ANTD Separated my <div><img/></div> structure.
I check it in F12,i found .imageboxnot the .image Direct Father Element.
there hava a .ant-carousel between them.
In the original structure,vertical-align:bottom should be effect to solve the problem.