CSS是一種用于網頁設計的樣式表語言，可以用來控制網頁中元素的外觀和行為。其中，字體上下居中顯示是一種常見的樣式，可以通過使用CSS的居中屬性來實現。

在CSS中，居中顯示的語法如下：

```css

text-align: center;

這個屬性可以應用于任何元素，包括文本和圖形元素。當應用于文本元素時，它會使文本在水平方向上居中。當應用于圖形元素時，它會使該元素的背景和邊框在水平方向上居中。

下面是一個簡單的例子，演示了如何使用CSS將文本元素居中顯示：

```html

<div class="居中">

<p>居中顯示文本</p>

</div>

```css

.居中 {

text-align: center;

在這個例子中，我們使用了`class`屬性來定義一個名為“居中”的類，并使用`text-align`屬性來將其應用于一個文本元素。這樣，該文本元素就會被居中顯示。

除了文本元素，還可以居中顯示其他元素，例如表格、圖片等。只需要將相應的元素設置為具有`text-align`屬性的類即可。

需要注意的是，當應用于一個垂直方向上的元素時，如果該元素具有水平方向的子元素，則該元素會被向上移動。這是因為垂直方向上的元素將占據整個屏幕的空間，而水平方向上的元素只占據屏幕的有限空間。為了避免這種情況，可以使用絕對定位或偽元素來實現垂直方向的居中顯示。

居中顯示是CSS中非常實用的樣式之一，可以幫助網站開發人員輕松地將文本和其他元素居中顯示。通過使用適當的CSS屬性，可以輕松地創建各種居中顯示效果，使網站更具可讀性和美觀性。