如何使JQuery Mobile标头换行并左对齐? [英] How do I make a JQuery Mobile header wrap, and left-justified?
本文介绍了如何使JQuery Mobile标头换行并左对齐?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我的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屋!
查看全文