我旁边有一张图片和文字以及这段代码。可以看一个样本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>
我什至尝试删除 span 但它仍然以相同的方式显示。
css 中的 i1:margin-left:0px;
CSS 中的 i2:
#i2
{
显示:内联;
边距:0px 0px 0px 0px;
填充:0px 0px 0px 0px;
}
最佳答案
我认为,除非我遗漏了什么,否则以下应该可以实现您的目标:
td {
vertical-align: top;
}
这显然适用于所有 td
,因此您可能希望指定特定的类或 ID。
关于html - 将文本放在 html 中图像旁边的顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3669874/