[分享]css两个图片对齐

CSS中的图片对齐是网页设计中的一个重要问题，良好的对齐方式可以让网页看起来更加美观和专业。下面介绍两种图片对齐方式： //方案一：使用浮动 .img1{ float:left; marginrigh...

CSS中的图片对齐是网页设计中的一个重要问题，良好的对齐方式可以让网页看起来更加美观和专业。下面介绍两种图片对齐方式：

//方案一：使用浮动
.img1{
   float:left;
   margin-right: 10px;  /*调整图片之间的间距*/
}
.img2{
   float:right;
   margin-left: 10px;  /*调整图片之间的间距*/
} 

可以在CSS中设置图片的浮动属性，使图片在网页中左对齐或右对齐。如上述代码所示，图片1设置为左浮动，图片2设置为右浮动，并且通过margin属性调整了两张图片之间的间距，达到了良好的对齐效果。

//方案二：使用flex布局
.img-container{
  display: flex;
  justify-content: center;  /*水平居中*/
}
.img-container img{
  margin: 0 10px; /*调整图片之间的间距*/
} 

CSS的flex布局也可以用来对齐图片。首先，通过设置父元素（即容器）为flex布局，然后使用justify-content属性来让图片在容器中水平居中。再设置子元素（即图片）的间距即可。上述代码就是这个方案的实现。

以上就是两种常见的CSS图片对齐方案。需要注意的是，在实际使用过程中，根据具体的需求和布局，选择不同的方式进行对齐。