HTML：图片无法正确显示

Question

图像显示为白色方框，左上角有一个小图像图标。

Html代码：

<img src="DukeGrafitti_TRANS"/>

css代码：

img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    height: 215.83px;
    width: 401.83px;
}

Answer 1

您的img src缺少有效的扩展程序，例如：.jpg .gif .png

<img src="DukeGrafitti_TRANS.jpg"/>

您的代码还假定该图像与您正在处理的当前文件位于同一目录中。因此，请确保是这种情况或提供图像的完整路径。

Answer 2

我认为你需要包含图像的文件扩展名。

尝试这样的事情：

<img src="DukeGrafitti_TRANS.gif" alt="DukeGrafitti_TRANS"/>

• 绝对网址 - 指向其他网站（如 src =“http://www.example.com/image.gif”）
• 相对网址 - 指向网站内的文件（例如 SRC = “Image.gif的”）

此答案可参考此link