Question

我已经创建了一个小提示，以显示我遇到的问题：http://jsfiddle.net/A5HyU/2/

在那个小提琴上，点击右边的按钮，然后转到菜单项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修改，但似乎都没有影响子菜单布局。

Answer 1

您应该尝试添加

white-space: nowrap;

提到元素，看看它能带给你什么。

如何在jQuery UI菜单中避免自动换行

1 个答案: