道場CheckedMultiSelect文本換行和水平滾動

Question

如何使道場CheckedMultiSelect文本包裹以及如何啓用水平滾動條在同一控制，如果選擇文本是控制大小

Answer 1

所有你需要的是覆蓋CSS規則較大。見工作示例在的jsfiddle：http://jsfiddle.net/phusick/qrSWu/

對於你的需求，你需要限制dojox/form/CheckedMultiSelect的width都。這是可以做到添加narrow類來標記<select data-dojo-type="dojox/form/CheckedMultiSelect" class="narrow">或JavaScript（經由className）：

.narrow .dojoxCheckedMultiSelectWrapper { 
    width: 100px; 
} 

對於水平滾動加載也scroll類（class="narrow scroll"）：

.scroll .dojoxCheckedMultiSelectWrapper { 
    overflow-x: scroll; 
} 

對於包裹的選項文本添加wrap類（class="narrow wrap"）：

.wrap .dojoxMultiSelectItemLabel { 
    white-space: normal; 
} 

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

根據包含樣式表的順序，您可能需要添加!important。