jQueryMobile ListView文本换行

Question

在jQueryMobile中,listviews会截断文本.有很多的文章和帖子这样一个是说加空格:在CSS正常.

但是,这在jQueryMobile 1.4中对我不起作用.你可以在这里看到.要测试您需要缩小浏览器窗口大小.有任何想法吗？

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类.

这是一个DEMO