jQuery移动按钮

我正在实现我们的内部网白页的移动版本。它基本上允许您搜索人员、地点和团队。我希望通过ajax返回结果，并将其加载到如下列表中：

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

电话/手机号码和电子邮件可通过href=“tel:”等方式单击，姓名框可单击以获取更多信息

我的问题是，一行中的按钮高度不同，因为名称框中有更多内容。有人知道如何解决这个问题吗？举例

---

谢谢

我会使用CSS，如果您只使用这些名片的按钮，您可以这样做：

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

JSFiddle：

很可能您正在页面的其他地方使用按钮，因此我建议您只创建一个类，例如：

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

相关的：