Dojo CheckedMultiSelect文本换行和水平滚动

Dojo CheckedMultiSelect文本换行和水平滚动,dojo,Dojo,如何使DOJO CheckedMultiSelect文本包装,以及如何在同一控件中启用水平滚动,如果选择文本大于控件大小,则只需覆盖CSS规则。请参阅JSFIDLE上的工作示例: 对于这两种需求,您需要限制dojox/form/CheckedMultiSelect的宽度。可以在标记或JavaScript(通过className)中添加窄类: 对于水平滚动也添加滚动类(class=“窄滚动”): 对于换行选项文本添加wrapclass(class=“窄换行”): 根据包含样式表的顺序,您可能需要添

如何使DOJO CheckedMultiSelect文本包装,以及如何在同一控件中启用水平滚动,如果选择文本大于控件大小,则只需覆盖CSS规则。请参阅JSFIDLE上的工作示例:

对于这两种需求,您需要限制
dojox/form/CheckedMultiSelect的
宽度。可以在标记
或JavaScript(通过
className
)中添加
类:

对于水平滚动也添加
滚动
类(
class=“窄滚动”
):

对于换行选项文本添加
wrap
class(
class=“窄换行”
):

根据包含样式表的顺序,您可能需要添加
!重要信息

.narrow .dojoxCheckedMultiSelectWrapper {
    width: 100px;
}
.scroll .dojoxCheckedMultiSelectWrapper {
    overflow-x: scroll;
}
.wrap .dojoxMultiSelectItemLabel {
    white-space: normal;
}

.wrap .dojoxMultiSelectItemBox {
    vertical-align: top;
    margin-top: 3px;
}