JQuery Mobile <h1>标题被切断了？</h1>

Question

我的jquery代码中的标题标题有问题。

基本上在标题的第3个字符之后我得到了......我想显示整个标题。

为什么要切断它？我该如何解决这个问题？

Answer 1

这里的第4点描述了一个合适的CSS解决方案

http://www.webdesignerdepot.com/2011/05/10-handy-jquery-mobile-tips-and-snippets-to-get-you-started/

对于列表项添加：

body .ui-li .ui-li-desc {
 white-space: normal;
}

对于页脚内容添加：

body .ui-footer .ui-title {
 white-space: normal;
}

或者看看这个解决方法

http://operationmobile.com/how-to-stop-your-jquery-mobile-header-from-being-cut/

Answer 2

以下是我使用的解决方案：

<style>
    .ui-header .ui-title {
        margin-right: 0px;
        margin-left: 0px;
    }
</style>

请注意，这可能仅适用，因为我的标题栏中没有任何其他内容，例如按钮。如果您只使用white-space: normal;，则会获得换行的文本，但仍会占用两行。 （这是我试图使用margin-*避免的。）