Javascript 如何避免jqueryui菜单中的换行

我制作了一把小提琴来显示我的问题：

在那把小提琴上，点击右边的按钮，然后进入菜单项

Segnalibri

，你会注意到打开的子菜单有第二个元素，其中单词

Condiviso

以某种方式被包装起来，但我需要子菜单足够大以容纳整个单词

是我的设置有问题还是库本身有问题

为了解决这个问题，我尝试了两种不同的解决方案，第一种是基于css的：

.jqSubMenu > li > a {
  min-width: [XXX]px
}

这是可行的，但需要我为我设置的每个可能的子菜单选择一个必须正确的值

第二种是基于js的：

$('.jqSubMenu').each(function() {
    var l = 0;

    $('> li > a', this).each(function() {
        l = Math.max(l, $(this).text().trim().length);
    }).css('min-width', (l * 8) + 'px');
});

这似乎也可行，但会减慢子菜单的初始化速度

我还试图更改周围的css修改，但似乎都不会影响子菜单布局。

您应该尝试添加

white-space: nowrap;

---

查看上面提到的元素，并查看其作用。

遗憾的是，这只起到了一半的作用，现在文本与右侧图标重叠，请参见