CSS字居中顯示技巧

在CSS中，我們可以使用多種方法將文字居中顯示，以下是幾種常見(jiàn)的技巧：

1、使用text-align屬性：這是***簡(jiǎn)單的方法，只需將text-align屬性設(shè)置為center即可將文字居中顯示。

div {
  text-align: center;
}

2、使用line-height屬性：如果要將多行文字垂直居中顯示，可以使用line-height屬性。

div {
  line-height: 2; /* 假設(shè)文字高度為2行 */
}

3、使用flexbox布局：Flexbox是一種強(qiáng)大的布局工具，可以輕松實(shí)現(xiàn)文字居中顯示。

div {
  display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中 */
}

4、使用grid布局：Grid布局也是一種強(qiáng)大的布局工具，可以實(shí)現(xiàn)文字的***居中顯示。

div {
  display: grid;
  align-content: center; /* 垂直居中 */
  justify-content: center; /* 水平居中 */
}