CSS是Web前端中不可或缺的一部分，它為網頁提供樣式和布局。實現文本和元素的垂直和水平居中是CSS中經常用到的技巧，下面將介紹幾種常用的居中方法。 1.文本垂直居中 對于單行文本，可以通過設置line-height屬性等于元素高度的方法實現垂直居中： ```

居中的文本

``` 對于多行文本，可以使用Flexbox布局中的align-items屬性來實現垂直居中： `````` 2.元素垂直居中 對于塊級元素，可以使用Flexbox布局中的justify-content和align-items屬性來實現水平和垂直居中： `````` 對于行內元素，可以使用display屬性將其轉換為塊級元素，然后再使用上述方法實現居中： `````` 3.元素水平居中 對于塊級元素，可以使用text-align屬性將其內部內容水平居中： ```

``` 對于行內元素，可以使用text-align屬性將其包含元素的文本水平居中： ```

居中的文本

``` 綜上所述，以上方法可以在不同的場景中實現元素和文本的垂直和水平居中，可以根據實際需求選擇不同的方法。