修复dojo MenuItem的宽度

Question

如果menuitem文本是一个大字符串，则menuitem变得太宽，看起来不太好。

例如

<div dojoType="dijit/Menu">        
  <div data-dojo-type="dijit/MenuItem">
      A Big String as Menu item. The menuitem looks ugly as it becomes too wide.
  </div>  
</div>

是否可以为menuitem设置固定宽度，文本会自动换行？

Answer 1

您可以在.dijitMenuItemLabel上设置最大宽度和正常空白换行。在.dijitMenuItem上设置它们不会起作用。

.dijitMenuItemLabel {
    max-width: 100px;
    white-space: normal;
}

既然你说长按钮真的很难看，我想知道你对一个有不同高度按钮的菜单的感觉。我认为这不会起作用，但是你可以自己决定。