[分享]css中容器的宽等于图片的大小

在CSS中，经常需要将容器的宽度设置为图片的大小。这种情况下，可以使用以下代码：

.container {
  display: inline-block;
  width: auto;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
} 

上面的代码中，我们将容器的display属性设置为inline-block，这样容器的宽度就会自动适应内容的宽度。然后我们将图片的display属性设置为block，这样图片就可以在容器中居中显示。我们还将图片的max-width属性设置为100%，这样图片就可以在保持比例的情况下缩放到容器的大小。最后，我们将图片的高度设置为auto，这样图片的高度也会自适应容器的大小。

下面是一个例子：

<div class="container">
  <img src="example.jpg" alt="Example">
</div> 

在这个例子中，我们使用了一个div容器来包含图片。容器的宽度会自动适应图片的大小。

总之，在CSS中，将容器的宽度设置为图片的大小是一个常见的需求。通过使用上述代码，我们可以很容易地实现这一功能。