[分享]css两个图片并排显示

想要实现两个图片并排显示的效果，可以使用CSS的float属性和width属性。

<div class="image-container">
  <img src="image1.jpg" class="left-image">
  <img src="image2.jpg" class="right-image">
</div>

<style>
  .image-container {
    overflow: hidden;
  }
  .left-image {
    float: left;
    width: 50%;
  }
  .right-image {
    float: right;
    width: 50%;
  }
</style> 

首先，在一个容器中放置两张图片，并设置容器的overflow属性为hidden，这样可以让容器自适应图片的大小。

接下来，分别给左侧和右侧的图片设置float属性为left和right，这样两张图片就可以并排显示了。

最后，设置图片的宽度为50%，这样两张图片在容器中各占一半的空间。

通过以上设置，就可以轻松实现两个图片并排显示的效果，让您的网页更加美观。