[分享]css两张图片放在一起

我们经常需要将两张图片放在一起展示，这时候就需要使用CSS的布局技巧。以下是两种不同的方法：/方法一：使用float属性/ img { float: left; marginright: 10px; ...

我们经常需要将两张图片放在一起展示，这时候就需要使用CSS的布局技巧。以下是两种不同的方法：

/*方法一：使用float属性*/
img {
  float: left;
  margin-right: 10px;
} 

上面的代码中，我们设置了图片浮动到左侧，并在图片右侧留出10像素的间距。

/*方法二：使用display属性*/
img {
  display: inline-block;
  vertical-align: middle;
} 

上面的代码中，我们将图片设置为内联块状元素，以方便进行布局，并使用垂直对齐属性将两张图片居中对齐。