jQuery移动标题限制

jQuery移动标题限制,jquery,jquery-mobile,Jquery,Jquery Mobile,jQuery手机标题的限制是什么?有多少个字符?我们如何改变这个限制?使用jQuery mobile。谢谢。您可以覆盖.ui title类上的左右边距以给自己留出更多空间,但要小心,因为边距用于确保文本不会干扰标题中的任何左右按钮 .ui-header .ui-title { margin-left: 1em; margin-right: 1em; } 您还可以使用clip而不是省略号获得更多的空间: .ui-header .ui-title { text-overflow: clip; }

jQuery手机标题的限制是什么?有多少个字符?我们如何改变这个限制?使用jQuery mobile。谢谢。

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

.ui-header .ui-title { margin-left: 1em; margin-right: 1em; }
您还可以使用clip而不是省略号获得更多的空间:

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

此外,您可以尝试将非打断空格用于以下内容:

 

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

如果您担心标题/标题被删掉,请查看以下帖子:


实际上,它不会包装,因为jQuery Mobile的CSS显式地将空白设置为nowrap。这再加上边距和溢出设置,在截断之前为您提供大约30-40个字符的可用空间。

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

<div data-role="header">
  <h2 style="white-space: normal">Long text Long text Long text Long text Long text  </h2>
</div>

长文本长文本长文本长文本长文本长文本

老问题,但谷歌搜索把我带到了这里,所以我想我应该把我的解决方案发布给其他人

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

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

到我的css。

根据(假设你指的是对话框)判断,没有硬编码限制。然而,标题的长度受屏幕上可用的不动产数量的限制是有道理的。它在我的iPhone上被截断了,我想我的问题是如何停止截断。@cuberds:旋转手机,让它变成横向?@cuberds:你是在说jQuery mobile吗?我认为,限制肖像中的前14个字符(很可能为导航按钮留出空间)景观不是一个解决办法。jquery mobile不允许文本换行到新行。将文本放在容器中,并以会导致换行的方式设置其样式。如果你对CSS很了解,应该可以用。太好了,谢谢。当我们知道我们没有使用标题按钮时,我们希望可以将其作为一个选项添加进来。+1,解决方案不需要修改开箱即用的CSS(但会造成类似的影响外观的风险)。