.list_title{ width:100%; background:#fff; padding:10px 15px; height:102px; overflow:auto;}
.list_name{ font-size:14px; display:inline-block;}
.list_content{ font-size:12px; color:#615F5F;}
.list_btn{ font-size:14px;}
.list_all{ padding:0px; margin-bottom:15px;}
.list_all li{ background:#fff;}
.list_all .list_name{ display:inline-block; margin:8px;}
.list_title .list_name{ margin-bottom:10px;}
.list_btn{ margin-top:15px;}
<div class="list_title">
<table>
<tr>
<td class="td_class"><img src="<%=photoUrl%>"></td>
<td>
<div class="list_name"><%=name%></div>
<div class="list_content"><%=area%>-<%=dept%><%=job%></div></td>
</tr>
</table>
</div>
<ul data-role="listview" data-dividertheme="d" class="list_all">
<li style="padding:8px 0 8px 30px;"><span class="list_name">IP話機:</span><span class="list_content"><%=ipphone%></span></li>
<li style="padding:8px 0 8px 30px;"><span class="list_name">手機号碼:</span><span class="list_content"><%=tel%></span></li>
<li style="padding:8px 0 8px 30px;"><span class="list_name">家庭号碼:</span><span class="list_content"><%=homephone%></span></li>
<li style="padding:8px 0 8px 30px;"><span class="list_name">電子郵箱:</span><span class="list_content"><%=email%></span></li>
</ul>
<p align="center" >
<a href="#repeat" data-role="button" class="list_btn" style="background:#35AAE7; color:#FFF;">發消息</a>
</p>
本文轉自tianjian_0913 51CTO部落格,原文連結:http://blog.51cto.com/tianjian/1665995,如需轉載請自行聯系原作者