CSS文字居中顯示技巧

在CSS中，我們可以使用多種方法將文字在文本框中居中顯示，下面是一些常用的技巧：

1、使用text-align屬性

text-align屬性用于設置文本框中的文字水平對齊方式，將其值設置為center，即可使文字在文本框中居中顯示。

.text-center {
  text-align: center;
}

2、使用line-height屬性

line-height屬性用于設置文本框中文字的行高，當行高與文本框高度相等時，文字會在文本框中垂直居中顯示。

.text-vertical-center {
  line-height: 30px; /* 假設文本框高度為30px */
  height: 30px;
}

3、使用flexbox布局

flexbox布局是一種靈活的布局方式，可以輕松實現(xiàn)文字的居中顯示，通過將文本框設置為flexbox容器，并設置justify-content和align-items屬性為center，可以實現(xiàn)文字在文本框中的水平和垂直居中顯示。

.text-center-flexbox {
  display: flex;
  justify-content: center;
  align-items: center;
}

這些技巧可以幫助你在CSS中輕松實現(xiàn)文字的居中顯示，你可以根據(jù)自己的需求選擇適合的方法。