使用此代码,我旁边有图像和文本。可以看到一个示例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。