css将两张图片放在最下面且左右两边放置

您好！要实现将两张图片放在最下面且左右两边放置，可以使用以下CSS样式：

HTML代码：

<div class="bottom-images">
  <img src="image1.png" alt="Image 1">
  <img src="image2.png" alt="Image 2">
</div>

CSS代码：

.bottom-images {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

.bottom-images img {
  display: inline-block;
  width: 50%;
  height: auto;
}

解释一下CSS样式的作用：

- `position: fixed;`将元素的位置固定在屏幕上方，不随页面滚动而改变位置。
- `bottom: 0;`将元素的底部与页面底部对齐。
- `left: 0;`将元素的左边与页面左边对齐。
- `width: 100%;`将元素的宽度设置为100%，占满整个屏幕。
- `text-align: center;`将元素内的内容居中对齐。
- `display: inline-block;`将图片元素设置为行内块元素，可以设置宽度和高度。
- `width: 50%;`将图片元素的宽度设置为50%，占据一半的宽度。

这样就可以实现将两张图片放在最下面且左右两边放置的效果了。