Question

我的问题类似于被问到的问题here，但我更挑剔，对此答案不太满意。

我正在使用jQuery mobile，标题中的一些标题太长，无法适应我添加的按钮并变为省略号。我对此完全没问题，只是当按钮中有图标时，它不能完全计算出需要正确修剪的长度。带有图标的按钮与标题的开头略有重叠。

我不确定我是否清楚地解释了这一点，所以这里有一些图片（看起来它们可能有点扭曲，但它们仍然显示我正在谈论的内容）。

这是“好”的版本。标题文本很好地用椭圆切除，并且适合两个按钮之间。

Good version

然而，在这个版本中，由于左侧的图标和左侧的按钮与文本重叠，因此按钮之间的空间量计算错误。

Bad version

有没有办法通过JavaScript或CSS我可以修复按钮之间的文本长度，以便我使用图标时没有重叠？或者我只需要换一个图标或没有重叠？

Answer 1

您可以使用以下css

.ui-header .ui-title{
    margin-left:110px;
    margin-right:80px;
}

我修改了margin-right值，因为我觉得需要对省略号放置进行一些调整。如果不需要，你可以跳过它或编辑它。