在网页布局中，居中对于美化网页视觉效果是至关重要的，而本文将会介绍如何用CSS将标签垂直居中。 标签垂直居中方法如下：在父级容器中使用display: table-cell; 和vertical-align: middle;属性组合即可实现。 以下是实现代码，段落和代码分别使用p标签和pre标签：

.container {
display: table;
height: 300px;
}
.box {
display: table-cell;
vertical-align: middle;
text-align: center;
}

代码解释： 首先给包含需要垂直居中的元素的父级容器设置display: table;属性，将其转换为表格布局； 接着给需要垂直居中的元素设置display: table-cell;属性，将其转换为表格单元格布局，方便设置vertical-align: middle;属性来实现垂直居中。 最后给需要垂直居中的元素设置text-align: center;属性来实现水平居中。 这样就可轻松实现垂直居中的效果，使页面更加美观。