uni-app uni-data-select内容未满一行时显示省略号,无法去除

uni-app uni-data-select内容未满一行时显示省略号,无法去除

2 回复

hello,我这里测试的选择字符触发的省略情况,和您所显示的效果不同,您可以尝试升级一下组件看看

更多关于uni-app uni-data-select内容未满一行时显示省略号,无法去除的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在uni-app的uni-data-select组件中,当内容未满一行时显示省略号的问题,通常是由于组件默认的CSS样式导致的。可以通过以下方式解决:

  1. 修改组件样式: 在页面或全局样式中添加以下CSS代码:
.uni-data-select__input-text {
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
}
  1. 如果上述方法无效,可以尝试强制覆盖样式:
/deep/ .uni-data-select__input-text {
  text-overflow: initial !important;
}
回到顶部