HTML中的“<img align=top>”在CSS中？

Question

我如何效仿

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

在CSS？

也许这是令人尴尬的简单，但我真的不知道。

Answer 1

这取决于你的元素的容器上。 vertical-align CSS属性不完全映射到valign属性。我建议检查这个链接了解如何使用CSS实现这一点。 http://phrogz.net/CSS/vertical-align/index.html

Answer 2

编辑：

我想你想跨度与图像内联。因此显示：内联应该将范围移到右侧。

和

vertical-align:text-top应的图像移动到顶部。

Answer 3

我认为你正在寻找的vertical-align CSS属性。

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

理想情况下，你将不只是直接拍它的<img>标签，而是使用一个CSS类。

Answer 4

float: left将它定位使得img元素将是跨度的左边，但如果你是想复制align="top"因为垂直对齐问题（在右下角与右上跨度）的，则尽量style="vertical-align: top;"

Answer 5

<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> 

应该这样做。