根据单个div中的图像数量设置图像高度和宽度

Question

如果div只包含一个图像，我希望图像宽度为100％，但如果多于一个图像，则根据项目设置图像。

实施例。 1图像然后宽度100％和高度100％，2图像然后宽度50％和高度50％，3图像然后宽度33.333％和高度33.333％。enter image description here

Answer 1

尝试拉出其他人要拍摄的照片

＆＃13;

＆＃13;

.container{display: flex; justify-content: flex-start; flex-direction: row;}
img{display: block; width: 100%; object-fit: contain;}

＆＃13;

<div class="container">
  <img src="http://placehold.it/350x150">
  <img src="http://placehold.it/350x150">
  <img src="http://placehold.it/350x150">
  <img src="http://placehold.it/350x150">
</div>

＆＃13;

＆＃13;

＆＃13;