頭像排列是前端開發中經常使用的一種技術，它可以將多張頭像以一定的排列方式呈現出來，使頁面看起來更加美觀。在CSS中實現頭像排列的方法有很多，下面我們將介紹其中的一些。

/* 方式一：使用float屬性實現頭像排列 */
.avatar {
float: left;
margin-right: 10px; /* 設置頭像之間的間距 */
}
/* 方式二：使用display屬性和inline-block值實現頭像排列 */
.avatar {
display: inline-block;
margin-right: 10px;
}
/* 方式三：使用flex布局實現頭像排列 */
.container {
display: flex;
justify-content: center; /* 設置頭像的水平對齊方式 */
align-items: center; /* 設置頭像的垂直對齊方式 */
}
.avatar {
margin-right: 10px;
}
/* 方式四：使用grid布局實現頭像排列 */
.container {
display: grid;
grid-template-columns: repeat(4, 1fr); /* 設置4列，每列權重都為1 */
grid-gap: 10px; /* 設置頭像之間的間距 */
}
.avatar {
width: 100%; /* 設置頭像占據整個表格單元格 */
}

以上方法都可以實現頭像排列，具體使用哪種取決于你的需求以及對CSS排版技術的熟練程度。在使用時，還需注意頭像的尺寸以及間距的設置，以達到最佳效果。