jquery listview链接切断正文文本

Question

我使用jquery mobile构建了一个列表视图。然而，我想要更多的正文文本，而不是一般的移动屏幕。

<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/