Question

在jquery mobile中，例如，当文本太长时，标题行会被截断 “长篇文章”可能会在小型设备上变成“一个lon ......”。

我已经找到了通过设置

来防止这种情况的解决方案

body .ui-li .ui-li-desc {
  white-space: normal;
}

但是这只是将文本包装到下一行，即使左侧和右侧的标题行中有足够的空间（大约只有标题文本保留的空间的三分之一）。

在小型设备上，这会产生一个包含3行或更多行的标题行，使用大部分屏幕。

是否有解决方案，标题文字更适合可用的标题行空间？

Answer 1

使用此css并设置左右百分比（将10％更改为任何其他数字）

.ui-title {
    margin: 0.6em 10% 0.8em !important;
}

如果你想在不同的侧面使用不同的值，请使用此css：

.ui-title {
    margin: 0.6em 10% 0.8em 5% !important;
}

如果可能的话，给每个头文件一个id，因为提到的css将使用.ui-title类更改每个元素。