Question

我如何将topbanner.png置于顶部，并将左侧的align.png对齐，同时保持它们在同一条线上

＆＃13;

.topimages {
}

＆＃13;

<div class="topimages">
      <img height="125" length="125" src="images/logo.png" alt="image" style="position: abosolute; left: 0;">
      <img height="100" src="images/topbanner.png" alt="image" style="padding-left: 350px">
    </div>

＆＃13;

Answer 1

我使用了你的例子并对其进行了编辑。运行它以查看结果。给父母position:relative，text-align: center并将position: absolute，left: 0提供给左图。

＆＃13;

.topimages {
  text-align: center;
  position: relative;
}

＆＃13;

<div class="topimages">
  <img height="125" length="125" src="images/logo.png" alt="image" style="position: absolute; left: 0;">
  <img height="100" src="images/topbanner.png" alt="image">
</div>

＆＃13;

Answer 2

.topimages {
  text-align: center;
}

.topimages img:first-child {
  position: absolute;
  left: 0;
}

<div class="topimages">
  <img height="125" src="https://www.blog.google/static/blog/images/google-200x200.7714256da16f.png" alt="image1">

  <img src="https://images.google.com/images/branding/googleg/1x/googleg_standard_color_128dp.png" id="img2" alt="image2">

</div>

将一个图像居中并在一个内联块中将一个图像对齐

2 个答案: