CSS是一種關鍵的Web設計技術，可以讓我們控制網站上的各種外觀和格式。在網頁設計中，有時我們需要使用CSS讓子元素居中顯示。下面是如何實現該效果的步驟：

.parent{
display: flex;
justify-content: center;
align-items: center;
}

對于一個父元素，設置display: flex，可以將其子元素以行的方式進行布局。justify-content:center屬性可以使子元素在行的中心對齊，align-items:center屬性可以使子元素在列的中心對齊。這樣，父元素將沿著它的子元素的寬度和高度實現居中對齊。

然而，在某些情況下，我們也可能需要對文字進行垂直居中對齊。在此情況下，我們可以使用CSS的line-height屬性。假設我們希望使一個段落中的文本垂直居中對齊，則可以按照以下方式進行：

.parent{
height: 100px;
line-height: 100px;
text-align: center;
}

在此代碼中，我們將父元素的高度設置為100像素，并將子元素的行高設置為100像素。這樣，子元素的文本將垂直居中對齊。同時，我們還將子元素的文本左右對齊。

通過以上的CSS技巧，我們可以輕松地實現子元素在網頁中的居中對齊。這種技術不僅能夠提高網頁的視覺效果，還可以為用戶提供更好的使用體驗。