jquery listview链接切断正文

Question

我使用jquery mobile构建了一个listview。但是，我想要一个比典型的移动屏幕上更多的正文文本。

<article id="military_list">
<ul data-role="listview" data-inset="true">
        <li><a href="barracks">
            <img src="../img/structure/barracks.png"/>
            <h3>Barracks</h3>
            <p>Fearless fighters weilding with shield and sword</p>
    </a></li>
            <li><a href="mage">
            <img src="../img/structure/mage.png"/>
            <h3>Mage Quarters</h3>
            <p>Where magical folk live</p>
    </a></li>
        </ul></article>

它采用<p></p>标记并自动缩写。有没有办法简单地跳下一条线？

块中似乎还有很多空间。

以下是一个例子：

正如您在黄色区域中看到的那样，它会切断字符串并添加“授予您......”而不是转到下一行。

Answer 1

使用此css：

.ui-li-desc {
    white-space: normal !important;
}

以下是一个示例：http://jsfiddle.net/Gajotres/3ZVeN/