2

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>取得し、自動的に短縮します。代わりに単純に行をジャンプする方法はありますか? に多くのスペースが残っているようです

ブロック。

例を次に示します。

ここに画像の説明を入力

黄色の領域でわかるように、次の行に移動するのではなく、文字列を切り取り、'grant you...' を追加します。

4

1 に答える 1

4

この CSS を使用します。

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

例を次に示します: http://jsfiddle.net/Gajotres/3ZVeN/

于 2013-02-05T08:37:35.237 に答える