JQuery Mobile ListView 在多行上显示文本

Question

我正在使用 jQuery Mobile 创建 ListView ，并尝试执行与此示例类似的操作: http://jquerymobile.com/demos/1.0a2/#docs/lists/lists-formatting.html

我有一个标题和一个长描述文本。问题是，如果屏幕太小(或文本太长)，我需要文本开始新行，现在发生的情况是文本被剪切并添加点...

<div data-role="content" data-theme="c">
     <ul data-role="listview" data-theme="c">               
     <li>
     <a href="tl1.html" data-transition="fade">
     <img style="margin-left: 8px" width="80" height="80" alt="sample" src="images/sample_event.jpg" align="left"/>
     My band
     <br>
     <font style="font-size: small">
     Event description, enter the event description. Please enter the event description, event            description enter. Add a description of the event.
     </font>
     </a>
     </li>
     </ul>
</div>

谢谢!马可

Answer 1

我的做法是将 white-space:normal; 添加到该部分的 CSS 中。希望有帮助。