使用此代码,我旁边有图像和文本。可以看到一个示例here



问题是文本从图像的中心(在右侧)开始,而我希望文本从图像的右上角开始。

这是我的代码:

<table width="550">
<tr>
<td>
<div id="i1">
<img src="<? echo $row_array[3];?>" height="225" width="225">
</div>
</td>
<td>
<div id="i2">
<span style="position: relative; top: 0px; left: 0px;">
<? echo  $row_array[4];?>
</span>
</div>
</td>
</tr>
<tr></tr>
<?} ?>
</table>


我什至尝试删除跨度,但仍显示相同的方式。

CSS中的i1:margin-left:0px;
i2在CSS中:
 #i2{display: inline;margin: 0px 0px 0px 0px;padding:0px 0px 0px 0px;}

最佳答案

我认为,除非丢失了某些内容,否则以下内容应该可以实现您的目标:

td {
    vertical-align: top;
}


显然,这将适用于所有td,因此您可能希望指定特定的类或ID。

10-04 22:33
查看更多