在網頁開發中，對于一些需要居中顯示的內容，比如標題、圖片等，CSS中的劇中顯示非常重要。在CSS中，有多種方式可以實現劇中顯示，下面將詳細介紹。

/* 水平劇中顯示 */
.container {
display: flex;
justify-content: center;
}
/* 垂直劇中顯示 */
.container {
display: flex;
align-items: center;
}
/* 水平垂直劇中顯示 */
.container {
display: flex;
justify-content: center;
align-items: center;
}
/* 水平劇中文本 */
.text {
text-align: center;
}

以上代碼展示了使用flex布局和text-align屬性實現水平劇中、垂直劇中、水平垂直劇中和水平劇中文本的代碼，其中，使用flex布局是非常常見的劇中方式。通過設置容器的justify-content屬性和align-items屬性，可以分別控制容器內元素的水平和垂直位置。

此外，還可以使用定位和margin屬性實現劇中顯示。在這種方式中，需要將需要劇中的元素設置為position:absolute或者position:fixed，并設置top、left、bottom、right、margin-left、margin-right、margin-top、margin-bottom屬性使其水平/垂直劇中。

總而言之，CSS中的劇中顯示是一個常見的需求，在實現時可以根據具體的需求選擇不同的方式實現劇中顯示。