想要將網頁的文子居中是一件常見的需求。通過 CSS，我們可以輕松地實現這一目標。在本文中，我將會向大家介紹兩種居中文子的方法。 首先，讓我們來看一下使用文本對齊的方法：

p {
text-align: center;
}

上面這段代碼簡單明了，通過將文本的對齊方式設置為居中，便可以實現文子居中的效果。需要注意的是，這種方法僅針對單行文本起作用。如果需要居中多行文本，需要采用另一種方法。 下面是另一種方法，通過設置容器的 display 屬性為 flex 來實現：

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

這里的 .container 是指要居中文本的容器。通過設置容器的 display 屬性為 flex，接著使用 justify-content 屬性設置水平方向上的居中方式，使用 align-items 屬性設置垂直方向上的居中方式，就可以實現多行文本的居中效果。 需要注意的是，這種方法需要父容器有明確的高度，否則文本將不會居中。可以將父容器的高度設置為 100vh，這樣就能確保居中效果正常。 以上就是兩種居中文子的方法。它們都十分簡單易懂，只需要簡單的 CSS 代碼就可以實現對文本的居中。希望本文對大家有所幫助！