如何在 jquery 移动对话框标题栏中放置标题？答案

【问题标题】：How to fit title in jquerymobile dialog's Title bar?如何在 jquery 移动对话框标题栏中放置标题？
【发布时间】：2012-01-23 05:24:37
【问题描述】：

我正在使用 jquery mobile 进行网络应用程序开发，我使用 jQM-SimpleDialog (jQM-SimpleDialog) 向用户显示消息。我的消息字符串被截断。如何显示完整的句子？我在 iPhone 中得到了这个输出@

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

谢谢，

-- 摄政

【问题讨论】：

【解决方案1】：

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

你可以试试这样的 CSS：

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

这可能会使标题不居中，但我没有使用 jQM-SimpleDialog 插件，所以我不确定它添加了什么。

这里是上面代码的演示：http://jsfiddle.net/Y75dE/

【讨论】：

【解决方案2】：

这可以通过 CSS 来完成。

为 div/对话框分配一个类。

例如：

<div class="mydialog"/>

将下面的 css sn-p 代码放入 css 文件并包含在 header 中。

向 CSS 文件添加一个类。

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

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

【讨论】：