jQuery mobile listview全尺寸标题

Question

我正在使用jQuery移动基本列表来显示产品列表。 （basic list example）。如果h3中的字符太多，标题将被剪切并在末尾显示“...”。有没有办法在新的行中显示完整的h3？

e.g：

   --------------------------------------------------
   This is a super long ti...
   --------------------------------------------------
   This is a super long title
   displayed in two lines
   --------------------------------------------------

这是代码

<ul data-role="listview" data-theme="c">
  <li>                                   
    <a href="bar">
      <h3>Title</h3> <----
      <p>Description</p>
      <span class="ui-li-count">$12.99</span>';
    </a>
  </li>
...
</ul>

Answer 1

我认为你需要覆盖一些应用于这些listview标题的JQM css样式：

<h3 style="word-wrap: break-word; white-space: pre-wrap;"> long title here </h3>

在此处查看此示例：http://jsfiddle.net/shanabus/DTNJ4/

希望这有帮助！