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>