html - 图片总是在容器中间

Question

我希望第一张图片贴在容器的顶部，下面的图片应该在它下面... top:0;让图像在容器上方..200px，如果我只是说position:relative它总是在中间......;

<div class="container">
    <div class="card_left"> 
        <p style="font-size:1.6em; padding: 15px 0;"><b>Title</b></p>
        <p style="font-size:1.2em;">Long text</p>
    </div>
    <div class="card_right">
        <img src="../res/images/artikel1bild.PNG"/>
        <img src="../res/images/artikel1bild.PNG"/>
    </div>

Answer 1

使用 display: block 这样同一行就没有其他图片了，使用 margin: auto 使图片居中

img {
  display: block;
  margin: auto;
  width: 200px;
}

<div>
  <img src="https://www.w3schools.com/css/paris.jpg" />
  <img src="https://www.w3schools.com/css/paris.jpg" />
  <img src="https://www.w3schools.com/css/paris.jpg" />
</div>