前端開發中，經常要將div（或其他元素）居中顯示。這時可以使用CSS來實現。下面我們來了解一下如何使用CSS將div居中顯示。

/* 將div居中 */
div {
position: absolute; /* 設置為絕對定位 */
top: 50%; /* 上邊框距離屏幕頂部的距離為50% */
left: 50%; /* 左邊框距離屏幕左側的距離為50% */
transform: translate(-50%, -50%); /* 使用transform屬性將div居中 */
}

通過以上CSS代碼，我們可以讓div水平和垂直居中。首先，我們需要將div設置為絕對定位，這樣才能讓它脫離文檔流，從而可以進行定位。然后，我們通過給top和left屬性賦值來讓div的上邊框和左邊框相對于屏幕居中。接著，我們使用transform屬性中的translate函數來讓div在水平和垂直方向上居中。其中，translate(-50%, -50%)的意思是，將div分別向上和向左移動它本身寬度和高度的一半。

如果我們要將文本內容居中，則可以使用text-align屬性。對于一個塊級元素來說，我們只需要在其父元素中設置text-align: center;，就可以讓其文本內容居中。

/* 將文本內容居中 */
.parent {
text-align: center;
}

在以上CSS代碼中，我們針對父元素設置了text-align: center;屬性，這樣其內部的所有塊級元素和內聯元素都會居中顯示。

總之，使用CSS可以輕松實現各種居中效果，讓網頁顯示更加美觀和舒適。