Listview Jquerymobile列出缩略图格式

我正在使用jquerymobile创建带有缩略图的列表。看起来是这样的：

<ul>
   <li>
      <h3>Heading</h3>
      <p>Long thumbnail which I want to be divided into 2 lines and not just simply cut with ... ending</p>
   </li>
</ul>

现在它看起来像这样（在我的手机上）：

---

您可以尝试在要显示整个文本的标记中包含

style=“white space:normal；”“

所以你会：

<ul>
    <li>
        <h3 style="white-space: normal;">Heading</h3>
        <p style="white-space: normal;">Long thumbnail which I want to be divided into 2 lines and not just simply cut with ... ending</p>
    </li>
</ul>

标题
长缩略图，我希望将其分为两行，而不是简单地用。。。结束

PS:要包含

空白：正常

，请在标记中使用

样式

属性，而不要使用

类

，因为它可能不起作用，因为jQuery Mobile经常覆盖

类

---

希望这有帮助。让我知道这是否适用于您。

我已经测试过了，差别不大。我没有使用

而是使用了

因此现在我的日期缩略图如我所愿位于右下角。现在我只需要测试whitespace:normal是否将我的划分为多行，以便适合屏幕。

HEADING 3
Thumbnail first line (probably divided into two lines)
Thumbnail Second line (if first line is not enough)
                                                       ul-li-aside(actual date)

HEADI....       ul-li-aside(actual date)
Thumbnail firs....

<ul>
    <li>
        <h3 style="white-space: normal;">Heading</h3>
        <p style="white-space: normal;">Long thumbnail which I want to be divided into 2 lines and not just simply cut with ... ending</p>
    </li>
</ul>