Question

我正在尝试在表格中移动iframe，使其与图像内联。

我正在使用的代码

<!DOCTYPE html>
<html>
<body>

<table style="width:67%" border="10">
<tr>
<td vertical-align: top style="vertical-align:top;" style="width: 70%" ><img src="https://example.com/example.jpg" alt="web-image" style="width:200px;height:200px">  </td>
<td vertical-align: center style="width: 25%">  <iframe src="http://example.com/tsstatustext.php" name="frame1" scrolling="auto" frameborder="no" align="center">
</tr>
</table>
</body>
</html>

我想将iframe（在线）向下移动，使其与信息

位于同一行

Answer 1

首先，您的代码应该是：

<!DOCTYPE html>
<html>
<body>

<table style="width:67%;" border="10">
<tr>
<td style="vertical-align:top;width: 70%;" ><img src="https://example.com/example.jpg" alt="web-image" style="width:200px;height:200px">  </td>
<td style="vertical-align:top;width: 25%">  <iframe src="http://example.com/tsstatustext.php" name="frame1" scrolling="auto" frameborder="no" align="center">
</tr>
</table>
</body>
</html>

在图片上方添加一些空格：

<!DOCTYPE html>
<html>
<body>

<table style="width:67%;" border="10">
<tr>
<td style="vertical-align:top;width: 70%;" ><img src="https://example.com/example.jpg" alt="web-image" style="width:200px;height:200px">  </td>
<td style="vertical-align:top;width: 25%">  <iframe src="http://example.com/tsstatustext.php" name="frame1" scrolling="auto" frameborder="no" align="center" style="padding:20px;">
</tr>
</table>
</body>
</html>

只需调整填充的像素数量即可达到预期效果。

无法在表格HTML中向下移动iFrame

1 个答案: