在HTML中，使用div和CSS來(lái)排列圖片是一種常見(jiàn)的方法，通過(guò)div元素來(lái)創(chuàng)建圖片容器，然后使用CSS來(lái)設(shè)置容器的樣式，包括寬度、高度、邊框等，可以讓圖片在網(wǎng)頁(yè)上按照需要的方式排列。

下面是一個(gè)簡(jiǎn)單的例子，展示如何使用div和CSS來(lái)排列圖片：

<div class="image-container">
  <img src="image1.jpg" alt="Image 1">
  <img src="image2.jpg" alt="Image 2">
  <img src="image3.jpg" alt="Image 3">
</div>

在CSS中設(shè)置容器的樣式：

.image-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 200px;
  border: 1px solid #000;
}

在這個(gè)例子中，我們使用了display: flex;來(lái)創(chuàng)建一個(gè)彈性布局容器，然后使用justify-content: space-between;來(lái)平均分配圖片之間的空間，并使用align-items: center;來(lái)垂直居中圖片，容器寬度設(shè)置為100%，高度設(shè)置為200px，并添加了一個(gè)邊框。

這樣，圖片就會(huì)按照需要的方式排列，并且容器樣式可以根據(jù)需要進(jìn)行調(diào)整，如果需要更多的控制，可以使用其他CSS屬性來(lái)調(diào)整容器的樣式，例如背景顏色、邊框樣式等。