如何在jquery移动对话框标题栏中显示标题？

Question

我正在使用jquery mobile进行Web应用程序开发，我使用jQM-SimpleDialog（jQM-SimpleDialog）向用户显示消息。我的消息字符串被截断了。如何显示完整的句子？ 我在iPhone

中获得了此输出

但是我想显示这条消息：“请正确填写表格。”

谢谢，

- regeint

Answer 1

标题的截止点是左右边距。它们设置得足够大，不允许标题和标题中的任何按钮重叠。

你可以试试这样的CSS：

.ui-dialog .ui-header h1 {
    margin-left  : 30px;
    margin-right : 0px;
}

这可能会使标题失去中心但我没有使用jQM-SimpleDialog插件，因此我不确定它添加了什么。

以上是上述代码的演示：http://jsfiddle.net/Y75dE/

Answer 2

这可以通过CSS完成。

将一个类分配给div / dialog。

例如：

<div class="mydialog"/>

将以下css代码段放在css文件中，并将其包含在标题中。

将一个类添加到CSS文件中。

.mydialog  {
    margin-left  : 20px;
    margin-right : 1px;
}

这可以帮助您，根据您的要求自定义左侧。