CSS文字在div居中

在網頁開發中，經常需要將文字居中顯示，本文將介紹一種使用CSS實現文字在div居中的方法。

首先，我們需要先定義一個div元素，設置寬高以及邊框等樣式。接著，在div的樣式中設置text-align: center，使文字在水平方向上居中顯示。

div{
width: 300px;
height: 100px;
border: 1px solid black;
text-align: center;
}

但是，這種方式只能實現文字在水平方向上的居中，若想在垂直方向上也居中，則需要使用flex布局。在div的樣式中加入display: flex和justify-content: center，即可實現在水平方向上和垂直方向上都居中。

div{
width: 300px;
height: 100px;
border: 1px solid black;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}

使用CSS實現文字在div居中顯示，能夠讓網頁更加美觀，也提升了用戶的使用體驗。