Question

在jQueryMobile中，listviews会截断文本。有许多文章和帖子like this one表示添加空格：在css中是正常的。

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

Answer 1

鉴于你的LI标记：</ p>

<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

Answer 2

试试这个

<li><p class='ui-li-desc'>Text to be displayed</p></li>

jQueryMobile ListView文本换行

2 个答案: