Question

我不是一个html程序员，但我正在使用HTML来格式化我在iPhone中的一个屏幕的显示。所以我所拥有的东西应该是一个像显示器这样的段落，右上角有一个嵌入式图像，因此在图像旁边，文本包裹并且不重叠，但是一旦它是，它将继续向右在图像下方。

我需要在下面发布一条评论表，所以知道我的视图是728像素宽，我做了

<table width="768">

当我在较小的（240像素宽）视图中执行此代码时，注释显示在图像下方，但在较大的视图中，它不会。有人知道为什么会这样吗？

以下是我正在使用的html示例：

<body bgcolor="#FFFFFF">
 <p>
  <img src="http://www.smspal.com/iPhonePhoto.jpg" width="320" height="480" align="right">
  Tweet
 </p>
 <table width="728" cellpadding="3" cellspacing="0" >
  <tr>
   <td>
    <b>
     <font size="2">Parent1 Parent1</font>
    </b>
   </td>
   <td>
    <p align="right"><font size="1">Tue. May 3, 2011 at 3:47 PM</font></p>
   </td>
  </tr>
  <tr>
   <td colspan="2">
    <p align="left">
     <font size="2">Add a comment</font>
    </p>
   </td>
  </tr>
 </table>
<hr noshade size="1" />
</body>

Answer 1

您在桌面上给出绝对像素大小以匹配特定屏幕的像素宽度。尺寸是绝对的，所以在较小的屏幕尺寸上，它的左侧或右侧都无法显示，因此它无处可去但却失败。

尝试使用百分比宽度，因为这是一个符合许多不同屏幕尺寸的相对尺寸。

Answer 2

为什么不把图像放在表中？您可以使用colspan属性将图片保留在右上角。

HTML表定位问题

2 个答案: