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

Question

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

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

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

Answer 1

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

对于列表项添加:

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

对于页脚内容添加:

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

或者看看这个解决方法

Answer 2

这是我使用的解决方案:

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

请注意,这可能只有效,因为我的标题栏中没有任何其他内容,例如按钮.如果你只是使用white-space: normal;你获得行包装的文本,但仍然占用两行.(这是我试图通过使用避免的margin-*.)