css - jQueryMobile ListView 文本换行

Question

在 jQueryMobile 中， ListView 会截断文本。有很多文章和帖子like this one说要在 css 中添加 white-space:normal。

但是，这在 jQueryMobile 1.4 中对我不起作用。可以看到here .要进行测试，您需要缩小浏览器窗口大小。有什么想法吗？

Answer 1

鉴于您的 LI 标记:

<li>
  <a href="#">
    <img src="http://pbs.twimg.com/profile_images/1225696765/29072010042_normal.jpg" />
    <h3 class="wrap">Marco Alberto Sotelo (@marcosotelo79)</h3>
    <p>Sun Feb 02 20:01:24 +0000 2014</p>
    <p class="wrap">Ya estamis en el estadio MetLife para el @SuperBowl #SBUniversal http://t.co/80 /1wSo5O9E</p>
    <br />
    <img src="http://pbs.twimg.com/media/Bffo-1MCIAEoY5X.jpg" style="max-width: 90%; margin: auto;" />
  </a>
</li>

将类包装更改为:

.wrap {
    white-space: normal !important;
}

!important 允许该类覆盖所有将其设置为 nowrap 的 jQM 类。

Here is a DEMO