css - 如何让我的文本包裹在我的 dijit.form.select 中

Question

我在我的页面上使用 dijit.form.select。当我在浏览器中检查这个小部件时，我可以看到它实际上是由一个表以及 tr 和 td 元素组成的。如果选择的选项超出最大宽度，我很难让我的文本包含在下拉列表中。我尝试在包含文本的跨度上设置最大宽度，但文本仍然超出了元素。我已经进行了多次搜索以寻找解决方案，但都没有成功。

Answer 1

您只需为 dijitSelectLabel 部分提供 CSS。下面是一个如何将其设置为固定宽度 90px 的例子；

.dijitSelect .dijitButtonContents .dijitButtonText .dijitSelectLabel {
    width: 90px;
    word-wrap: break-word;
    white-space:pre-wrap;
}