在網頁設計中，我們常常需要將body元素的內容居中顯示。這里介紹一種簡單的方法，通過CSS來實現。

body {
display: flex;
justify-content: center;
align-items: center;
}

以上的CSS代碼將body元素的display屬性設置為flex，使得其成為一個伸縮容器。接著設置了justify-content和align-items屬性，分別控制了元素在水平和垂直方向上的對齊位置，兩個屬性都設置為center表示內容在頁面中間。

需要注意的是，以上方法不適用于IE9及以下版本的瀏覽器。對于這些瀏覽器，需要使用其他的CSS代碼來實現居中效果。

body {
text-align: center;
}
body:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
body >* {
display: inline-block;
vertical-align: middle;
zoom: 1;
*display: inline;
}

以上代碼使用了偽元素:before和zoom屬性以及IE Hack(*display)，將頁面中心的元素向上垂直對齊。

綜上所述，我們可以通過CSS來實現body元素內容居中顯示的效果，提高網頁排版的美觀性和易讀性。