CSS中設置文字上下居中 很多時候，我們需要在網頁設計中對文字進行上下居中的設置。本文就來介紹一下在CSS中如何實現這種效果。 首先，我們可以使用line-height屬性來設置文字的行高。通過將行高設為與文字高度相等，就可以達到文字垂直居中的效果。例如： p { line-height: 30px; height: 30px; } 上面的代碼中，我們將line-height設為30px，而p標簽的高度也設為30px。這樣就可以做到文字垂直居中了。 另一種方法是使用CSS3中的flex布局。我們可以在父元素中使用display:flex和align-items:center來實現文字垂直居中的效果。例如： pre { display: flex; align-items: center; } 上面的代碼中，我們使用了display:flex和align-items:center來將文字上下居中。這種方法同樣適用于水平居中。 總結 通過以上介紹，我們可以知道，在CSS中有多種方法可以實現文字的上下居中。我們可以使用line-height屬性，也可以使用flex布局中的align-items:center屬性。需要根據具體情況來選擇相應的方法。