jQuery Mobile-iPad中的工具栏省略号

我使用jQuery Mobile在iPad应用程序中本地呈现HTML。标题中有“…”省略号，尽管还有很多空间。我使用的是现成的JQM和jqmcss类

如何让JQM呈现完整的标题

下面是带有一些蓝色标记的屏幕截图

标题如下：

`<div data-role='header' data-position='inline'>
       <h1>the long title goes here</h1></div>`

`
长标题在这里`

---

标记h1应用了边距，您可以覆盖它，这样标题就不会被剪得太多

.ui-page .ui-header h1 {
    margin-left  : 0;
    margin-right : 0;
}​

下面是一个演示：

---

请注意，您需要提供

左

/

右

页边距

值，使标题不会与图标重叠。

标签将应用页边距，您可以覆盖，这样标题就不会被剪得太多

.ui-page .ui-header h1 {
    margin-left  : 0;
    margin-right : 0;
}​

下面是一个演示：

---

请注意，您需要提供

左

/

右

边距

值，使标题不会与图标重叠。

设置溢出：隐藏和文本溢出：省略号的组合是导致覆盖ui标题，然后使用边距尝试居中的原因。它们可能包括这一点，以便为页眉和页脚中的按钮腾出空间。试试这个：

.ui-header .ui-title, .ui-footer .ui-title {
    overflow:visible;
    margin: .6em 20%;
}

为此，JQM 1.1-RC1的默认左右边距设置为30%。只要调整它，直到它适合你的需要

---

更新：我添加了使用30%默认值的版本。谢谢Jasper。

设置溢出：隐藏和文本溢出：省略号的组合导致覆盖ui标题，然后使用边距尝试居中。它们可能包括这一点，以便为页眉和页脚中的按钮腾出空间。试试这个：

.ui-header .ui-title, .ui-footer .ui-title {
    overflow:visible;
    margin: .6em 20%;
}

为此，JQM 1.1-RC1的默认左右边距设置为30%。只要调整它，直到它适合你的需要

---

更新：我添加了使用30%默认值的版本。谢谢Jasper。

还需要注意的是，您应该在元素中添加一个“线条高度：”以防它们缠绕在第2行时不会彼此重叠。

还需要注意的是，您应该添加一个“线条高度”：添加到您的元素中，以防它们被包装，它们不会在第2行上彼此重叠

jQuery Mobile 1.0.1和更早版本为

声明此CSS。ui title

：

margin:.6em 90px.8em。jQuery Mobile 1.1.0 RC-1是第一个将
30%
用于
左侧
/
右侧
边距
属性的里程碑。您可以通过查看每个版本的文档来了解这一点。jQuery Mobile 1.0.1及更高版本为
.ui title
：
边距：.6em 90px.8em。jQuery Mobile 1.1.0 RC-1是第一个将
30%
用于
左侧
/
右侧
边距
属性的里程碑。您可以通过查看每个版本的文档来了解这一点。