Javascript 如何防止'single value`div中的文本溢出到React Select中的'indicators`div中总结在我使用组件的表单中（我使用的是v2.4.1），单值div中的标签可能溢出到指示器div中，如图所示：以下是组件的调用方式： this.handleSelect（“Country1”，选项）} aria label=“选择一个国家” /> 背景/已尝试我已尝试在单值div上设置以下css属性： .React\u选择单值{ 溢出：隐藏；文本溢出：省略号；空白：nowrap； } 我也在其他div上尝试了这些，比如值容器和容器预期结果与实际结果这些设置似乎没有任何区别_Javascript_Html_Css_Reactjs_React Select

Javascript 如何防止'single value`div中的文本溢出到React Select中的'indicators`div中总结在我使用组件的表单中（我使用的是v2.4.1），单值div中的标签可能溢出到指示器div中，如图所示：以下是组件的调用方式： this.handleSelect（“Country1”，选项）} aria label=“选择一个国家” /> 背景/已尝试我已尝试在单值div上设置以下css属性： .React\u选择单值{ 溢出：隐藏；文本溢出：省略号；空白：nowrap； } 我也在其他div上尝试了这些，比如值容器和容器预期结果与实际结果这些设置似乎没有任何区别

javascript html css reactjs

Javascript 如何防止'single value`div中的文本溢出到React Select中的'indicators`div中总结在我使用组件的表单中（我使用的是v2.4.1），单值div中的标签可能溢出到指示器div中，如图所示：以下是组件的调用方式： this.handleSelect（“Country1”，选项）} aria label=“选择一个国家” /> 背景/已尝试我已尝试在单值div上设置以下css属性： .React\u选择单值{ 溢出：隐藏；文本溢出：省略号；空白：nowrap； } 我也在其他div上尝试了这些，比如值容器和容器预期结果与实际结果这些设置似乎没有任何区别,javascript,html,css,reactjs,react-select,Javascript,Html,Css,Reactjs,React Select,但是，添加最大宽度：200px产生所需的效果： . 虽然这将暂时奏效，但是否有一种方法可以更好地扩展或更正确能否在单个值的右侧添加填充，以弥补指示器占用的空间？你有更好的演示吗？如果看不到标记，很难判断发生了什么。我添加了标记以显示组件是如何调用的，您的建议是在单值中添加一些右边填充，谢谢！你能在codesandbox.io或其他地方制作一个实时版本吗？我试图重现您的问题，但我没有。您可以在单个值的右侧添加填充，以弥补指示器占用的空间吗？你有更好的演示吗？如果看不到标记，很难判断发生了什么

但是，添加

最大宽度：200px产生所需的效果：

.  
虽然这将暂时奏效，但是否有一种方法可以更好地扩展或更正确
能否在单个值的右侧添加填充，以弥补指示器占用的空间？你有更好的演示吗？如果看不到标记，很难判断发生了什么。我添加了标记以显示组件是如何调用的，您的建议是在单值中添加一些右边填充，谢谢！你能在codesandbox.io或其他地方制作一个实时版本吗？我试图重现您的问题，但我没有。您可以在单个值的右侧添加填充，以弥补指示器占用的空间吗？你有更好的演示吗？如果看不到标记，很难判断发生了什么。我添加了标记以显示组件是如何调用的，您的建议是在单值中添加一些右边填充，谢谢！你能在codesandbox.io或其他地方制作一个实时版本吗？我试图复制你的问题，但我没有