HTML中垂直居中的設置方式 垂直居中是一個常見的問題，尤其在網頁開發中，我們會經常遇到需要垂直居中的情況。那么，在HTML中，我們應該如何設置垂直居中呢？ 首先，HTML中垂直居中有多種方法，以下是其中兩種常見的方式： 1. 使用flex布局 使用flex布局是目前最常見的垂直居中方式之一。在CSS中，我們可以使用以下代碼實現： pre { display: flex; align-items: center; justify-content: center; } 以上代碼表示將pre標簽的display屬性設置為flex，然后使用align-items和justify-content兩個屬性設置預期的位置。該方法簡單易用，適用性強，使用起來非常方便。 2. 使用table布局 使用table布局也是一種常見的HTML垂直居中方式。在CSS中，我們可以使用以下代碼實現： pre { display: table-cell; vertical-align: middle; } 以上代碼表示將pre標簽的display屬性設置為table-cell，然后使用vertical-align屬性設置預期的位置。這種方式相對來說比較古老，但是在一些特殊情況下會更加有用，比如需要垂直居中的文字不止一行時。 總結 以上兩種方法都能夠實現HTML的垂直居中效果。在實際開發中，我們需要根據具體的情況選擇合適的方式進行設置。還需注意的是，盡量避免過多使用table布局，尤其是在實現響應式網頁時，這種方式會產生許多弊端。