HTML';s"&书信电报;img align=顶部>&引用;在CSS中?

HTML';s"&书信电报;img align=顶部>&引用;在CSS中?,html,css,image,alignment,Html,Css,Image,Alignment,我如何效仿 <img align='top' src='huge_image.jpg'> <span>I start at the top right corner of the image!</span> 我从图像的右上角开始! 在CSS中 也许简单得让人难堪,但我真的不知道。编辑: 我认为您希望跨度与图像一致。所以display:inline应该将跨度向右移动 及 应该将图像移到顶部。我想您正在寻找CSS属性 <img style="verti

我如何效仿

<img align='top' src='huge_image.jpg'>
<span>I start at the top right corner of the image!</span>

我从图像的右上角开始!
在CSS中

也许简单得让人难堪,但我真的不知道。

编辑:

我认为您希望跨度与图像一致。所以display:inline应该将跨度向右移动


应该将图像移到顶部。

我想您正在寻找CSS属性

<img style="vertical-align: top;" alt="blah" src="blah.jpg" />


理想情况下,您不会直接将其贴在
标记上,而是使用CSS类。

float:left
将其定位,以便img元素位于跨度的左侧,但如果由于垂直对齐问题(跨度在右下与右上),您希望复制
align=“top”
,然后尝试
style=“垂直对齐:顶部;”


.top_aligned_image{vertical align:top;/*或text top,我记不清哪一种效果更好*/}
我从图像的右上角开始!

应该这样做。

这取决于元素的容器。
vertical align
CSS属性没有精确映射到
valign
属性。我建议查看此链接,了解如何使用CSS实现这一点

从未使用过
align='top'
-但是
align='left'
不会做同样的事情吗?那条“top\u aligned\u image”规则前面不应该有一个“.”吗?…嗯…是的。是的,应该是这样。谢谢你=)(编辑和修订)
<style="text/css">

.top_aligned_image {vertical-align: top; /* or text-top, I can't remember for sure which works better */}

</style>

<img class="top_aligned_image" src='huge_image.jpg' /><span>I start at the top right corner of the image!</span>