使用CSS來展示全部圖片是一種簡單快捷的方式，可以方便地在頁面中展示多張圖片。下面是一個示例代碼，可以實現這一功能。 首先，在HTML中插入一個DIV元素，用于容納所有的圖片。代碼如下：

<div id="image-gallery"></div>

接下來，在CSS中設置該DIV元素的寬度和高度，以及展示方式為“flex”。代碼如下：

#image-gallery {
display: flex;
flex-wrap: wrap;
width: 100%;
height: 500px;
justify-content: center;
align-items: center;
}

其中，justify-content和align-items屬性用于控制圖片的水平和垂直居中。 最后，在該DIV元素內部插入多個圖片元素，通過CSS調整寬度和高度來適應展示。代碼如下：

#image-gallery img {
width: 25%;
height: 25%;
object-fit: cover;
margin: 5px;
}

以上代碼可以實現在一個DIV容器內展示多張圖片，并且每張圖片都可以自適應大小，并且達到了水平和垂直居中的效果。你可以根據實際需要進行調整。 完整的HTML和CSS代碼如下：

<div id="image-gallery">

<img src="image1.jpg">

<img src="image2.jpg">

<img src="image3.jpg">

<img src="image4.jpg">

</div>

#image-gallery {
display: flex;
flex-wrap: wrap;
width: 100%;
height: 500px;
justify-content: center;
align-items: center;
}
#image-gallery img {
width: 25%;
height: 25%;
object-fit: cover;
margin: 5px;
}