用 android webview 显示 html 效果和浏览器不同

2012-12-20 10:28:43 +08:00
 gaolinjie
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 中效果:


搞不懂为什么总是前几项用户头像和用户名不在同一行,而到了最后一项又正常了?
10490 次点击
所在节点    Android
2 条回复
kevan
2012-12-20 13:43:10 +08:00
代码有问题?

<table cellpadding="0" cellspacing="0" border="0" width="100%25">

width="100%25">
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>

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/55371

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX