CSS是前端開發中不可或缺的技術，它可以用來控制頁面的顯示效果，包括文字、顏色、布局等。當我們想要將頁面中的主要內容居中時，可以通過設置CSS來實現。本文就介紹如何使用CSS來定義body內容居中。

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

上述代碼中，我們使用了flex布局，通過設置justify-content和align-items屬性都為center來實現內容居中。justify-content用來設置主軸方向上的對齊方式，align-items用來設置交叉軸方向上的對齊方式。當兩個值都為center時，內容就會居中。

同時，我們也可以使用text-align屬性將文本居中。

body {
text-align: center;
}

上述代碼中，我們采用了text-align屬性來進行設置，通過將其設置為center，頁面中所有的文本就會自動居中。

無論是使用flex布局還是text-align屬性，都可以輕松實現頁面內容的居中。當然，還有更多的方法可以實現相同的效果，各位開發者可以根據自己的需要選擇最適合的方式。