在網(wǎng)頁設(shè)計中，有時需要讓名字和頭像居中顯示。以下是使用CSS進(jìn)行居中的技巧：

.header{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.header img{
width: 100px;
height: 100px;
border-radius: 50%;
margin-bottom: 20px;
}
.header h1{
font-size: 30px;
font-weight: bold;
text-align: center;
}

首先，在類名為“header”的元素中添加CSS屬性display: flex;，以開啟彈性盒子布局模式，從而實現(xiàn)垂直居中。緊隨其后的是align-items: center;和justify-content: center;，分別用于水平和垂直方向上的居中對齊。最后，為了讓頭像和名字居中顯示，還需要設(shè)置flex-direction: column;，使布局方向為垂直方向。

接下來，使用img選擇器屬性分別設(shè)置頭像大小、圓角和與名字的間距。用h1選擇器屬性設(shè)置名字的樣式，其中font-size設(shè)定字號大小，font-weight設(shè)定字重，text-align設(shè)定文本居中對齊。

通過以上CSS代碼，即可實現(xiàn)讓名字和頭像居中顯示的效果。希望這篇文章能對您有所幫助！