P 標簽用于段落，例如介紹 CSS 圖片的排列方法。 CSS 中有許多方法可以控制和排列圖片。其中一種方法是使用 float 屬性和 clear 屬性。float 屬性用于設置圖片的浮動方向，而 clear 屬性用于清除浮動對布局的影響。下面是一個基本的示例：

img {
float: left;
margin: 10px;
}
.clear {
clear: both;
}

上面的 CSS 代碼將圖像元素向左浮動，并在其周圍留出 10px 的空白。我們還為用于清除浮動的容器添加了一個類。HTML 代碼如下：

容器包含了三張圖像和一個用于清除浮動的 div 元素。通過添加此 div 元素，我們可以確保浮動圖像不會干擾頁面布局。 除了使用 float 屬性和 clear 屬性之外，我們還可以使用 flexbox 和 grid 等 CSS 布局方法，根據需要調整和排列圖像。例如，flexbox 可以在不使用浮動的情況下快速創建響應式布局。下面是一個例子：

.container {
display: flex;
justify-content: center;
align-items: center;
}
img {
max-width: 100%;
margin: 10px;
}

我們創建一個父容器并使用 flexbox 將其中的子元素居中。圖像元素使用 max-width 屬性調整其大小，并添加 margin 屬性為它們提供間距。HTML 代碼如下：

上邊是 CSS 圖片排列的兩個例子，您可以根據需要選擇不同的方法。通過這些技術，您可以輕松地控制圖像的布局和位置，從而為訪問者提供更好的視覺體驗。