jQuery Mobile标题限制

jQuery移动游戏的限制是什么? 多少个字符? 我们如何改变这个限制? 使用jQuery mobile。 谢谢。

您可以覆盖.ui-title类的左右边距以给自己留出更多空间,但要小心,因为边距用于确保文本不会干扰标题中的任何左右按钮。

.ui-header .ui-title { margin-left: 1em; margin-right: 1em; } 

您也可以使用剪辑而不是省略来获得更多空间:

 .ui-header .ui-title { text-overflow: clip; } 

如果您担心自己的标题/标题被删除,请查看以下post:

如何阻止你的jQuery Mobile Header被削减

停止使用正常的空白区域切割jQuery Mobile Header

老问题,但谷歌搜索把我带到了这里,所以我想我会为别人发布我的解决方案。

我选择覆盖CSS以强制换行,同时为按钮保留空间。 我添加了这样做

 .ui-header .ui-title { white-space: normal; } 

对我的CSS。

我不认为应该有任何限制。 你可以去任意数量的角色。 它将根据屏幕大小简单地包装它们,并在它前面显示“..”。

实际上,它不会换行,因为jQuery Mobile的CSS明确地将白色空间设置为nowrap。 加上边距和溢出设置为截断前提供了大约30-40个字符的可用空间。

此外,您可以尝试使用非破坏空格:

   

最好的解决方案应该是添加空格:正常文本容器

 

Long text Long text Long text Long text Long text