tusen-ai / naive-ui

A Vue 3 Component Library. Fairly Complete. Theme Customizable. Uses TypeScript. Fast.
https://www.naiveui.com
MIT License
16.18k stars 1.67k forks source link

cascader 级联选择, 多选后input框显示的tag内的文字没有居中 #6260

Closed HongJian-Yang closed 1 month ago

HongJian-Yang commented 2 months ago

描述错误

cascader 级联选择, 多选后input框显示的tag内的文字没有居中, 如果f12取消tag里面文字span标签的line-height, 则居中了, 是不是继承样式里面的有样式失效了

默认样式

1

取消line-height

2

复现步骤

打开官网例子, https://www.naiveui.com/zh-CN/os-theme/components/cascader 多选后即可复现

最小复现链接

https://www.naiveui.com/zh-CN/os-theme/components/cascader

系统信息

naive-ui版本2.39.0
谷歌浏览器版本127.0.6533.100(正式版本) (64 位)

使用的包管理器

npm

验证

HongJian-Yang commented 2 months ago

还有个关键点就是, 如果全屏浏览器, 文字就居中了, 如果浏览器不是全屏, 3/2屏幕, 文字就不会居中, 是不是什么媒体查询 或者 根据屏幕高度 计算文字高度没有处理好

HongJian-Yang commented 2 months ago

强迫症很难受

jahnli commented 1 month ago

No recurrence.

image

HongJian-Yang commented 1 month ago

No recurrence.

image

我现在也复现不了了, 难道是电脑问题