用 android webview 显示 html 效果和浏览器不同
gaolinjie · 2012-12-20 10:28:43 +08:00 · 10682 次点击这是一个创建于 4356 天前的主题，其中的信息可能已经有所发展或是发生改变。
html 如下：
<html>
<head>
<style type="text/css">body{color: #63656a }</style>
</head>
<body link="#C0C0C0" vlink="#808080" alink="#FF0000">
<table cellpadding="0" cellspacing="0" border="0" width="100%25">
<tr>
<td width="24" valign="top" align="left">
<img src=http://cdn.v2ex.com/avatar/182b/e0c5/33_mini.png?m=1349211100 class="avatar" border="0" align="default"auto />
</td>
<td width="10" valign="top"></td>
<td width="auto" valign="top" align="left">
<strong>GordianZ</strong>
<div class="reply_content">这个功能不错 :)</div>
</td>
</tr>
</table>
<hr style="border: 1px dotted #ccc; width: 100%" />
<table cellpadding="0" cellspacing="0" border="0" width="100%25">
<tr>
<td width="24" valign="top" align="left">
<img src=http://cdn.v2ex.com/avatar/f782/2db9/14413_mini.png?m=1340727325 class="avatar" border="0" align="default"auto />
</td>
<td width="10" valign="top"></td>
<td width="auto" valign="top" align="left">
<strong>ywencn</strong>
<div class="reply_content">1024</div>
</td>
</tr>
</table>
<hr style="border: 1px dotted #ccc; width: 100%" />
<table cellpadding="0" cellspacing="0" border="0" width="100%25">
<tr>
<td width="24" valign="top" align="left">
<img src=http://cdn.v2ex.com/avatar/ed79/8eec/12687_mini.png?m=1354005856 class="avatar" border="0" align="default"auto />
</td>
<td width="10" valign="top"></td>
<td width="auto" valign="top" align="left">
<strong>cutehalo</strong>
<div class="reply_content">可以直接 @<a href="/member/1024">1024</a> 不 哈哈哈</div>
</td>
</tr>
</table>
</body>
</html>
在浏览器上的效果：
在 android webview 中效果：
搞不懂为什么总是前几项用户头像和用户名不在同一行，而到了最后一项又正常了？
<html>
<head>
<style type="text/css">body{color: #63656a }</style>
</head>
<body link="#C0C0C0" vlink="#808080" alink="#FF0000">
<table cellpadding="0" cellspacing="0" border="0" width="100%25">
<tr>
<td width="24" valign="top" align="left">
<img src=http://cdn.v2ex.com/avatar/182b/e0c5/33_mini.png?m=1349211100 class="avatar" border="0" align="default"auto />
</td>
<td width="10" valign="top"></td>
<td width="auto" valign="top" align="left">
<strong>GordianZ</strong>
<div class="reply_content">这个功能不错 :)</div>
</td>
</tr>
</table>
<hr style="border: 1px dotted #ccc; width: 100%" />
<table cellpadding="0" cellspacing="0" border="0" width="100%25">
<tr>
<td width="24" valign="top" align="left">
<img src=http://cdn.v2ex.com/avatar/f782/2db9/14413_mini.png?m=1340727325 class="avatar" border="0" align="default"auto />
</td>
<td width="10" valign="top"></td>
<td width="auto" valign="top" align="left">
<strong>ywencn</strong>
<div class="reply_content">1024</div>
</td>
</tr>
</table>
<hr style="border: 1px dotted #ccc; width: 100%" />
<table cellpadding="0" cellspacing="0" border="0" width="100%25">
<tr>
<td width="24" valign="top" align="left">
<img src=http://cdn.v2ex.com/avatar/ed79/8eec/12687_mini.png?m=1354005856 class="avatar" border="0" align="default"auto />
</td>
<td width="10" valign="top"></td>
<td width="auto" valign="top" align="left">
<strong>cutehalo</strong>
<div class="reply_content">可以直接 @<a href="/member/1024">1024</a> 不 哈哈哈</div>
</td>
</tr>
</table>
</body>
</html>
在浏览器上的效果：
在 android webview 中效果：
搞不懂为什么总是前几项用户头像和用户名不在同一行，而到了最后一项又正常了？
 |
1
kevan 2012-12-20 13:43:10 +08:00
代码有问题？
<table cellpadding="0" cellspacing="0" border="0" width="100%25"> width="100%25"> |
 |
2
Sukizen 2012-12-21 10:51:05 +08:00
对TABLE不熟悉。
.fl { float:right; } <ul> <li> <h3 class="author"><span class="avatar fl"><img /></span></h3> <div class="reply_content"></div> </li> </ul> |
Select Language