在網頁設計中，我們經常需要把文字居中來更好地呈現頁面視覺效果。下面介紹幾種CSS樣式實現文字居中的方法。

居中文字是通過設置text-align樣式實現的。
CSS代碼如下：
{
text-align: center;
}
這種方法實現文字居中，不僅可以用于整個頁面，還可以用于單個元素。例如，我們想要將一個段落中的文字居中，可以為該段落設置text-align: center樣式。如下所示：
p{
text-align: center;
}

上述樣式可以使整個段落中的文字按居中對齊。當然，如果只想讓一部分文字居中呢？可以在該部分文字所在標簽內添加style樣式，設置text-align: center，這樣只有該部分文字會居中，而頁面其他部分不受影響。

另外，如果想要實現整個頁面或某個容器中的元素垂直居中，也可以通過CSS樣式進行控制。
CSS代碼如下：
{
display: flex;
justify-content: center;
align-items: center;
}
這種方法可以實現垂直居中，但要注意容器需要有固定的高度，否則無法實現垂直居中。如果容器沒有固定的高度，可以為容器設置height: 100%。如果容器高度非常小，也可以添加padding屬性來實現垂直居中。如下所示：
.container{
display: flex;
justify-content: center;
align-items: center;
height: 100%;
padding: 20px;
}

以上就是幾種實現文字居中和垂直居中的CSS樣式方法，可以根據具體情況選擇使用。