JQuery Mobile ListView在多行显示文本

Question

我正在使用jQuery Mobile进行列表视图,我正在尝试执行与此示例类似的操作: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.希望有所帮助.

Answer 2

来自jQuery Mobile官方论坛的ruthc68回答了这个问题:

<font style="white-space:normal; font-size: small" >

希望这会节省一些时间给某人:)