Question

我如何模仿

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

CSS中的

？

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

Answer 1

float: left会将其定位为img元素将位于范围的左侧，但如果您因为垂直对齐问题而想要复制align="top"（范围在右下角右上角），然后尝试style="vertical-align: top;"

Answer 2

这取决于元素的容器。 vertical-align CSS属性并未完全映射到valign属性。我建议查看此链接以获取有关如何使用CSS实现此目的的说明。 http://phrogz.net/CSS/vertical-align/index.html

Answer 3

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

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

理想情况下，您不会直接在<img>标记上使用它，而是使用CSS类。

Answer 4

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

应该这样做。

Answer 5

编辑：

我认为您希望跨度与图像内联。所以显示：内联应该将跨度移动到右边。

和

vertical-align:text-top应将图片移至顶部。

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

5 个答案: