为什么我的标题文本被截断？
我有一个用jQuery mobile构建的页面，带有标题标记，如下所示：
The Magnet Puzzle
我在Android和Windows手机中对它进行了测试，并在两者中截断了标题文本的最后三个字符，即使标题足够宽以适应整个标题：
我希望它看起来像这样：
为什么它被截断，我如何修复它以便显示整个标题？
我认为真正的麻烦在于JqMobile将左右边距设置为30％，只留下标题总宽度的40％。 将其更改为10％，并在需要时获得省略号。
.ui-header .ui-title { margin-right: 10%; margin-left: 10%; }
由于jQuery Mobile的CSS用于.ui-header .ui-title ，它被截断，它将overflow设置为hidden ， white-space为nowrap ， text-overflow为ellipsis 。
我不确定是否有更好的方法来执行此操作，但您可以像这样覆盖jQuery移动CSS：
.ui-header .ui-title { overflow: visible !important; white-space: normal !important; }
之前已经用同样的答案问过这个问题。
只需将
包装在
：
The Magnet Puzzle
（然后用您喜欢的CSSery将h1居中。）
我已经尝试了所有建议的解决方案，总是失败。
我可以解决编辑jquery.mobile-1.3.1.min.css的问题。
使用文本编辑器查找function来查找：
margin:.6em 30% .8em;
并评论它：
/* margin:.6em 30% .8em; */
在jquery mobile 1.3.1上完美地为我工作（当然在本地使用）。
添加到您的文件中
更改标题的默认边距。
这是通过CSS完成的。
text-overflow: ellipsis;
从JqMobile CSS中删除它或用您自己的CSS覆盖它。
您的viewport元素必须适合设备屏幕。 加入 ：
所有细节和解释如下：
Jquery移动页面的剖析
我知道这是一个死路线，但仍然……
只需使用
而不是
，你就可以了（仅限对话框）。
The Magnet Puzzle