Html 如何在<；img>；标签？

是否有可能将图像与其

标记对齐

为了清楚起见，我不想对齐

标记，而是要对齐该标记内的图像

例如：

我有一个形象：

虽然image.png只有200 x 100像素大。如何在标签的左上角对齐

我已经尝试通过CSS使用

text align:left；垂直对齐：顶部和
显示：flex；证明内容：开始；对齐项目：开始align=“top left”
并通过HTML编码

我通过
框大小：边框框找到了一种黑客方法；填充：0 0 100px 100px，但这需要计算将图像移动到一边或角落所需的确切像素量。
您所期望的是不可能的，

你所期望的是不可能的，
刚刚发布了问题，已经找到了答案。您需要使用CSS属性和

说明：图像是被替换的元素，这些属性允许影响被替换元素的大小和位置

因此，将图像定位在左上角的工作原理如下：


#图像{
宽度：300px；
高度：200px；
边框：1px纯黑；
对象匹配：无；
对象位置：左上角；
}
刚刚发布了问题，已经找到了答案。您需要使用CSS属性和

说明：图像是被替换的元素，这些属性允许影响被替换元素的大小和位置

因此，将图像定位在左上角的工作原理如下：


#图像{
宽度：300px；
高度：200px；
边框：1px纯黑；
对象匹配：无；
对象位置：左上角；
}
将图像与标签的左上角对齐。
img
标签可能重复的是图像…不，
标签仅保存图像。它也可能是一个
元素。将图像与标签的左上角对齐。
img
标签的可能副本是图像…不，
标签仅保存图像。它也可能是一个
元素。@昆汀请看一下第二个片段，它使用了您自己的标记，对
id
css进行了一些修改，希望能回答您的问题：）显然，不必将图像包装到容器元素中，也不必使用背景图像。@Quentin请查看第二个片段，它使用您自己的标记，对
id
css进行了一些修改，希望回答您的问题：）显然，不必将图像包装到容器元素中，也不必使用背景图像来替代它*当再次遇到这个用例时，我完全忘记了它们。原来是我几年前在MDN上首次记录了这两个属性*当再次遇到这个用例时，我完全忘记了它们。
<img id="image" src="image.png" alt=""/>

#image {
  width: 300px;
  height: 200px;
}