Question

如何拥有一个标题超过一行的JQuery对话框？

我尝试过使用换行符，并为标题＆amp;摆弄JQuery UI CSS类。标题栏，但似乎没有任何工作。

JS：/ JQuery：

$(document).ready(function () {
    $('#dialog').dialog({
        autoOpen: false,
        modal: true,
        title: 'Something really long wow \n too much to have in a title but oh well'
        //adding the newline character \n does nothing!
    });
});

CSS：

.ui-dialog-title{

}

.ui-dialog-titlebar{

}

Answer 1

.ui-dialog-title有css使溢出的文本被截断为...（省略号）。

white-space: nowrap;
text-overflow: ellipsis;

使用以下css代替修复此问题。

white-space: normal;

编辑：

制作white-space: normal会忽略text-overflow声明。

Answer 2

只需将white-space属性设置为normal

即可

 .ui-dialog .ui-dialog-title{
     white-space: normal;
    }

http://jsfiddle.net/VKcJ7/20/

Answer 3

anwser非常简单。 jQuery UI正在添加

white-space: nowrap;

每个头衔。

只需在CSS中使用此代码：

.ui-dialog-title{
   white-space: normal;
}

请务必在jquery-ui css文件之后加载CSS，以便加载您的设置。否则你必须使用＆＃39;！important＆＃39;像这样：

.ui-dialog-title{
   white-space: normal !important;
}

这是丑陋的

对话框中的多行标题？

3 个答案: