如何将这些照片叠加在一起？

Question

这张图片显示了当前发生的情况：

,

这是我使用的代码：

<CENTER><IMG SRC="https://www.fanficparadise.com/gallery/CYOA/extension.png"></CENTER>
<CENTER><IMG SRC="https://www.fanficparadise.com/gallery/CYOA/time.png"></CENTER>
<CENTER><IMG SRC="https://www.fanficparadise.com/gallery/CYOA/extended.png"></CENTER>

如您所见，图片之间有一点灰色。我试图让他们坐在彼此之上，他们之间没有任何灰色，但它不起作用。我该怎么做？

Answer 1

.img-container img {
    display:  block;
    margin:  auto;
}

<div class="img-container">
    <img src="https://www.fanficparadise.com/gallery/CYOA/extension.png">
    <img src="https://www.fanficparadise.com/gallery/CYOA/time.png">
    <img src="https://www.fanficparadise.com/gallery/CYOA/extended.png">
</div>

有几点需要注意：

<center> 标签非常已过时，因此请避免使用它。
<img> 标签默认是内联的，这将在它们下面添加额外的 margin/spacing。通过将它们更改为 display:block; 我们删除了多余的白色 space.
现在图像设置为 display: block，我们可以使用 margin: auto 居中对齐图像，而不是使用已弃用的 <center> 标签。

如果您无法修改 CSS，您也可以使用内联样式：

<img src="https://www.fanficparadise.com/gallery/CYOA/extension.png" style="display: block; margin: auto;">
<img src="https://www.fanficparadise.com/gallery/CYOA/time.png" style="display: block; margin: auto;">
<img src="https://www.fanficparadise.com/gallery/CYOA/extended.png" style="display: block; margin: auto;">

如何将这些照片叠加在一起？

How do I get these pics on top of one another?

html

css

center