HTML5：設置文本上下居中 HTML5作為一種新的標準，已經(jīng)廣泛應用于網(wǎng)頁制作。在網(wǎng)頁設計中，設置文本的位置與居中對齊通常是必須的。下面我們將通過p標簽和pre標簽，來介紹如何實現(xiàn)文本上下居中的效果。 方法一：使用p標簽 p標簽是HTML中最基本的段落標簽，也是最常用的文本容器。在實現(xiàn)文本上下居中的效果時，我們可以通過CSS的line-height屬性來調(diào)整p標簽中的文本垂直居中，如下所示： ```html

Hello World

``` 在上面的代碼中，設置了一個高度為100px的p標簽，并通過line-height屬性讓文本垂直居中。此時，文本就能夠水平和垂直居中顯示在p標簽中。 方法二：使用pre標簽 pre標簽是用來表示預定義格式的文本，通常用于代碼顯示等需要保留格式的文本顯示。和p標簽類似，我們也可以使用pre標簽來實現(xiàn)文本上下居中的效果。這里，我們需要調(diào)整pre標簽的CSS樣式，如下所示： ```html

Hello World

``` 在上面的代碼中，我們將pre標簽設置為彈性盒子，并通過justify-content和align-items屬性來控制文本的水平和垂直居中。 總結 以上我們介紹了兩種不同的方法來實現(xiàn)文本的上下居中，分別是使用p標簽和pre標簽。在實際的網(wǎng)頁設計中，我們可以靈活運用這些方法，以達到更好的顯示效果。