我使用 Semantic UI 的下拉列表，其中main（顶部？我不知道它是如何调用的）对象具有固定宽度，可选项可以有任何宽度。如果所有项目值都很短，则可以，但是当它们中的一些值太长并且它们被选中时 - 顶部对象接收选定的值并且文本被包装成几行。
它看起来很糟糕，因为下拉的高度变为2倍或3倍等。
Semantics UI是否有内置选项来仅显示值的可接受子字符串？例如，如果我们有一个内部项的值，我们选择它：
A veeery looong name in a veeery shooort dropdown
在顶层对象中我得到3行：
A veeery looong
name in a veeery
shooort dropdown
..但我想要这样的东西：
A veeery looong ..
..所以它可以在1行显示。如果没有内置选项 - 如何在不使用monospace font-family和计算字符的情况下实现此目的？
答案 0 :(得分：2)
试试这个：
library(DT)
datatable(df) %>%
formatStyle(names(df), backgroundColor = styleInterval(0.05, c("lightgreen", "white")))
答案 1 :(得分：0)
对于以下变体工作：
style={{minWidth:"10em"}}
in
<Form.Field width={3}><Select placeholder='Options' options={options}
style={{minWidth:"10em"}}/></Form.Field>