[分享]css两个图片怎么在一起

在使用CSS布局时，有时需要将两个图片放在一起，那么该如何实现呢？下面我们来介绍两种常见的方法:第一种方法是使用浮动来实现，具体代码如下：img { float:left; marginright:1...

在使用CSS布局时，有时需要将两个图片放在一起，那么该如何实现呢？下面我们来介绍两种常见的方法:

第一种方法是使用浮动来实现，具体代码如下：

img {
  float:left;
  margin-right:10px;
} 

以上代码中，我们给左侧的图片添加了float:left属性，意思是让它向左浮动。同时为了避免两张图片之间粘在一起，我们通过margin-right:10px添加了一些右边距。这样做后，两个图片就会在同一行显示。

第二种方法是使用Flex布局，代码如下：

.container {
  display: flex;
}
img {
  margin-right: 10px;
} 

以上代码中，我们将两张图片放在一个容器中（class为container），并且给容器设置了display: flex属性，这样子容器内的元素就会使用Flex布局。然后，我们为图片添加了一个margin-right属性来避免图片之间粘在一起。

以上就是关于CSS中如何将两个图片放在一起的介绍，希望对大家有所帮助。