提问人：Pekka 提问时间：11/13/2009 更新时间：11/13/2009 访问量：43350
HTML 在 CSS 中的“<img align=top>”？
HTML's "<img align=top>" in CSS?
问：
如何模拟
<img align='top' src='huge_image.jpg'>
<span>I start at the top right corner of the image!</span>
在CSS中？
也许这很简单，但我真的不知道。
答：
1赞
Mark
11/13/2009
#1
编辑：
我认为您希望跨度与图像内联。所以 display：inline 应该将跨度向右移动。
和
vertical-align：text-top 应将图像移动到顶部。
2赞
Zack The Human
11/13/2009
#2
我认为您正在寻找垂直对齐的 CSS 属性。
<img style="vertical-align: top;" alt="blah" src="blah.jpg" />
理想情况下，您不会直接将其贴在标签上，而是使用 CSS 类。<img>
8赞
ddango
11/13/2009
#3
float: left将它定位为IMG元素将位于跨度的左侧，但是如果您由于垂直对齐问题（右下角的跨度与右上角的跨度）而想要复制，请尝试align="top"style="vertical-align: top;"
2赞
David Thomas
11/13/2009
#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>
应该这样做。
评论
1赞
Ralph Lavelle
11/13/2009
“top_aligned_image”规则前面不应该有一个“.”吗？
0赞
David Thomas
11/13/2009
...呃......是的。是的，它应该。谢谢你=） （编辑和修改）
5赞
Chris
11/13/2009
#5
这取决于元素的容器。CSS 属性并不完全映射到该属性。我建议查看此链接，以获取有关如何使用CSS实现此目的的说明。http://phrogz.net/CSS/vertical-align/index.htmlvertical-alignvalign
评论
align='top'align='left'