如何使JQuery Mobile标头换行并左对齐? [英] How do I make a JQuery Mobile header wrap, and left-justified?

问题描述

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

The text in my JQuery Mobile headers is often too long to fit on an iPhone screen, which means that the text is truncated, and a button on the right of the header overlaps the text.

我有什么办法:

• 使文本自动换行，而不是从屏幕右侧移出
• 使文本变小

推荐答案

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

It looks like the style that handles the ellipsis and wrapping is this:

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

尝试以您自己的样式覆盖它:

Try overriding that in your own style:

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

这篇关于如何使JQuery Mobile标头换行并左对齐?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！