標(biāo)簽內(nèi)部，如何使其子元素在豎直方向上居中顯示呢？

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

上面的代碼使用了CSS3中的flex屬性來(lái)實(shí)現(xiàn)子元素在豎直方向上居中顯示。其中，justify-content屬性用于水平居中，align-items屬性用于豎直居中。通過(guò)設(shè)為center值，即可實(shí)現(xiàn)子元素在豎直方向上居中顯示。

需要注意的是，這種方法只適用于子元素高度已知的情況下。如果子元素高度未知，可以將父元素的height屬性設(shè)為100%。

div {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}

上面的代碼中，我們將父元素的height屬性設(shè)置為100%，使其隨著瀏覽器窗口大小的變化而自適應(yīng)。這樣子元素就可以在任何情況下都能垂直居中顯示了。