jquery - jquery移动标题被切断

Question

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

我已经找到了通过设置来防止这种情况的解决方案

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

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

在小型设备上，这将导致标题行包含 3 行或更多行，占用屏幕的大部分。

是否有一种解决方案可以使标题文本更适合可用的标题行空间？

score 10 · Accepted Answer

使用这个 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 类更改每个元素。

1 回答 1