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