修改jQuery Mobile允許標題在省略號之前的2行顯示？

Question

我正在嘗試一個項目的jQuery Mobile，並構建一個列表。對於元素，我很想找到寫入2行的方法，然後生成省略號。目前，省略號一行像這樣之後產生：

Lorem存有悲坐阿梅德，consectetur ...

我想知道是否有一個比較可行的技術，以使其顯示例如：

Lorem ipsum dolor sit amet，consectetur
adipiscing elit。 Phasellus的Pretium ...

我的HTML如下：

<ul data-role="listview"> 
    <li> 
    <a href="#"> 
     <img src="images/thumbs/sample_photo.jpg" width="300" height="225" alt="Sample Photo"> 
     <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pretium consectetur.</h3> 
     <p>Vestibulum risus mi, eleifend quis gravida.</p> 
    </a> 
    </li> 
</ul> 

jQuery Mobile的對元素的CSS如下：

ui-li-heading { 
    font-size: 16px; 
    font-weight: bold; 
    display: block; 
    margin: .6em 0; 
    text-overflow: ellipsis; 
    overflow: hidden; 
    white-space: nowrap; 
} 

感謝您的任何提示。

Answer 1

我認爲你可以設置高度等於2行文字。這兩行添加到CSS的UL麗標題：

height: 32px; // font-size * 2 
    display: block; // just to be sure 

當然，你的上述原CSS結合起來。