CSS中的居中方式有很多種，如果要將一個元素垂直向下居中，可以通過以下幾種方法實現。

.container {
display: flex; /* 設置彈性布局 */
justify-content: center; /* 水平居中 */
align-items: flex-end; /* 垂直向下對齊 */
height: 500px; /* 設置容器高度 */
}
.item {
width: 200px; /* 設置元素寬度 */
height: 100px; /* 設置元素高度 */
background-color: #eee; /* 設置元素背景色 */
}

上述代碼使用了彈性布局的方式，將父容器設置為flex，并設置了justify-content屬性為center，可以讓子元素水平居中。而align-items屬性則設置為flex-end，可以讓子元素垂直向下對齊。

還可以使用絕對定位的方式實現元素垂直向下居中。具體方式如下：

.container {
position: relative; /* 設置相對定位 */
height: 500px; /* 設置容器高度 */
}
.item {
position: absolute; /* 設置絕對定位 */
top: 50%; /* 相對于父容器向下偏移50% */
transform: translateY(50%); /* 再向上偏移自身高度的一半 */
width: 200px; /* 設置元素寬度 */
height: 100px; /* 設置元素高度 */
background-color: #eee; /* 設置元素背景色 */
}

上述代碼中，父容器設置為相對定位，子元素設置為絕對定位，并通過top屬性將子元素向下偏移了50%。但是需要注意的是，這種方式需要通過transform屬性再向上偏移自身高度的一半，以達到垂直居中的效果。

以上就是兩種實現元素向下垂直居中的方式，可以根據實際需要選擇適合自己的方式。