CSS 是用來控制網頁樣式的語言，利用它來設置屏幕居中顯示是非常簡單的。下面我們就來介紹一下如何使用 CSS 設置屏幕居中顯示。

代碼如下：
/* 水平居中 */
.element{
width: 200px; /* 設置元素寬度 */
margin: 0 auto; /* 將左右外邊距設為 auto，讓元素水平居中 */
}
/* 垂直居中 */
.element{
height: 200px; /* 設置元素高度 */
position: absolute; /* 先將元素定位 */
top: 50%; /* 將元素頂部向下移動 50% */
transform: translateY(-50%); /* 再借助 transform 屬性將元素向上移動 50%，實現垂直居中 */
}

要讓一個元素實現居中顯示，我們需要有兩個條件：

首先，元素必須有高度或寬度。如果沒有，那么居中是無效的。因為計算居中的位置依賴于元素的寬度或高度；

其次，我們可以使用 margin 屬性來讓元素水平居中，使用 position 和 transform 屬性來讓元素垂直居中。

總結起來，CSS 實現屏幕居中顯示的方法非常簡單，只需要設置元素的寬度和高度，然后使用 margin 屬性或 position 和 transform 屬性，就可以讓元素水平或垂直居中了。