fix: Select use value width instead of default fixed width

[zombieJ]

🤔 This is a ...

• New feature
• Bug fix
• Site / document update
• Component style update
• TypeScript definition update
• Refactoring
• Code style optimization
• Test Case
• Branch merge
• Other (about what?)

🔗 Related issue link

fix #20394

💡 Background and solution

📝 Changelog

Language	Changelog
🇺🇸 English	Fix Select width not follow value width
🇨🇳 Chinese

☑️ Self Check before Merge

• Doc is updated/provided or not needed
• Demo is updated/provided or not needed
• TypeScript definition is updated/provided or not needed
• Changelog is provided or not needed

[netlify]

Deploy preview for ant-design ready!

Built with commit 9ed5b7e

https://deploy-preview-20538--ant-design.netlify.com

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 9ed5b7e:

Sandbox	Source
antd reproduction template	Configuration

[zombieJ]

Chrome 的对齐挺玄学的，给个参照物就全对了：

[codecov]

Codecov Report

Merging #20538 into 4.0-prepare will not change coverage.
The diff coverage is n/a.

@@             Coverage Diff              @@
##           4.0-prepare   #20538   +/-   ##
============================================
  Coverage        97.56%   97.56%           
============================================
  Files              295      295           
  Lines             6771     6771           
  Branches          1831     1869   +38     
============================================
  Hits              6606     6606           
  Misses             165      165

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 7ab71f8...9ed5b7e. Read the comment docs.

[zombieJ]

Will create another PR to fix Chrome align.

[afc163]

\a0 是啥？

[zombieJ]

空字符，同下用来 baseline align 占位用的。

[afc163]

这个应该不需要。

[zombieJ]

没有文字的时候 baseline align 会错位，需要一个带 line-height 的元素 align 一下。

[afc163]

ant-design/components/select/style/index.less

Line 79 in 721d8cb

border-top-width: @border-width-base + 0.02px;

测试了一下 4.0 的样式里这个对齐的 magic number 变成了 border-top-width: 1.375px;

[zombieJ]

先用 magic number align 一下，之后开个新的 PR 整体调一下。以后都以 span align 为准：

<span style={{ lineHeight: 32 }}>
  233
</span>

[afc163]

不一定有 line-height，也可以以 <span>xxx</span> 为准。

[zombieJ]

不一定有 line-height，也可以以 <span>xxx</span> 为准。

这两个是配合的：

content: '\a0';
line-height: @select-height-without-border;

[afc163]

    content: '\a0';
 -  line-height: @select-height-without-border;

貌似不需要这个也能对齐。

[zombieJ]

重现不出来了，我也不知道为啥这么写了。删了。