如何在antd中设置下拉宽度以匹配下拉内容宽度？
如何在antd中设置下拉宽度以匹配下拉内容宽度？
提问于 2022-01-24 19:18:09
选项dropdownMatchSelectWidth是已弃用。考虑到每个<Select.Option>项的内容宽度可能略有不同，您现在如何做到这一点。因此，就像您必须迭代选择选项，获取它们的宽度，找到最大值，然后将dropdownStyle设置为最大子元素宽度？
选择输入是一个显式宽度，但理想情况下，下拉内容是动态宽度(最多可以达到某个最大值，所以它可能不会超出屏幕)。
回答 1
Stack Overflow用户
发布于 2022-01-24 19:25:51
您可以构建自定义js函数来处理这个问题。就像这样：
const o = document.querySelectorAll('option')
const lenMax = 15
o.forEach(e => {
if (e.textContent.length > lenMax) {
e.textContent = e.textContent.substring(0,lenMax) + '...';
}
})select {
width: 250px;
}
option {
width: 250px;
}<select>
<option>lorem ipsum</option>
<option>lorem ipsumlorem ipsum lorem ipsum</option>
<option>lorem ipsum lorem ipsum lorem ipsum</option>
</select>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/70839309
复制相关文章
相似问题
腾讯云开发者
