2011-12-01 144 views
2

我正在實施Intranet白頁的移動版本。它基本上允許你搜索人員,地點和團隊。我想要的結果,通過Ajax返回,並加載到看起來像這樣的列表:jQuery Mobile按鈕

----------------------------------------------- 
| Staff          2 | 
----------------------------------------------- 
| Person's Name | Phone number |    | 
|    |--------------| Email  | 
| Title   | Mobile  |    | 
----------------------------------------------- 
| Person's Name |    |    | 
|    | Phone number | Email  | 
| Title   |    |    | 
----------------------------------------------- 

電話/手機號碼和電子郵件都是通過類似的href點擊=「電話:」和名稱框內點擊瞭解更多信息。

我的問題出現在哪裏有一排按鈕是不同的高度,因爲名稱框中有更多的內容。有誰知道如何解決這一問題?例如在http://jsfiddle.net/Ruhley/chLSR/

感謝

+0

相關:http://stackoverflow.com/questions/7303035/resizing-a-button-through-css/7308540#7308540 –

回答

2

我會使用CSS,如果你只使用按鈕這些名片,你可以這樣做:

.ui-btn { 
    height: 50px; 
    vertical-align: middle; 
} 

的jsfiddle:http://jsfiddle.net/chLSR/2/

最有可能你在頁面上的其他地方使用按鈕,所以我會建議創建一個類,如:

.namecard { 
    height: 50px; 
    vertical-align: middle; 
}