CSS是一種用于網頁設計的語言，它可以控制網頁的外觀和布局。其中一種常見的布局是一行三個圖片的排列。下面是一個使用CSS實現的例子：

html, body {
margin: 0;
padding: 0;
}
.container {
max-width: 1000px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.item {
width: 300px;
margin-bottom: 30px;
}
.item img {
max-width: 100%;
}

首先，我們需要將HTML文件包裹在一個容器內，這樣我們才能夠對整體進行排版。在這個例子中，我們為容器添加了一個類名為.container。接下來，我們使用flexbox布局使得容器內的項目（即圖片）可以在同一行中排列。

我們定義了每個項目的寬度為300px，并且將交錯間隔設置為30px。我們還使用“max-width: 100%”來確保圖片在縮小尺寸時按比例縮放。

最后，請注意，這個例子是“響應式”的——這意味著它可以適應不同的屏幕尺寸。使用“max-width: 1000px;”來限制容器的最大寬度，使它在較小的設備上也能正常顯示。