div标签设置上下居中

可以使用flex布局来实现div标签的上下居中。具体做法如下：

1. 在父元素上设置display: flex;和justify-content: center;属性，使子元素水平居中；
2. 在子元素上设置align-self: center;属性，使子元素垂直居中。

示例代码如下：

HTML:

<div class="parent">
  <div class="child">居中显示内容</div>
</div>

CSS:

.parent {
  display: flex;
  justify-content: center;
  height: 200px; /* 父元素高度 */
}

.child {
  align-self: center;
}

这样就可以实现div标签的上下居中。