jquery-mobile - 如何使 JQuery Mobile header 换行并左对齐？

Question

我的 JQuery Mobile 标题中的文本通常太长，无法在 iPhone 屏幕上显示，这意味着文本被截断，标题右侧的按钮与文本重叠。

有什么办法可以:

使文本换行而不是离开屏幕右侧

使文本更小

Answer 1

看起来处理省略号和换行的样式是这样的:

.ui-header .ui-title, .ui-footer .ui-title {
    text-overflow: ellipsis;
    white-space: nowrap;
}

尝试以您自己的风格覆盖它:

.ui-header .ui-title, .ui-footer .ui-title {
    text-overflow: clip;
    white-space: normal;
}