div高度为0.4rem，行高为0.2rem，一行文字时如何让文字垂直居中展示

要让高度为0.4rem、行高为0.2rem的一行文字垂直居中显示，可以采用CSS flexbox布局或者line-height属性结合vertical-align。以下是两种方法：

1. **Flexbox**:
使用display: flex; 和 align-items: center; 属性将元素设置为flex容器，并使其内部内容垂直居中。

.parent {
  display: flex;
  align-items: center;
  height: 0.4rem;
  line-height: 0.2rem;
}
.child {
  /* 其他样式 */
}

在这段代码中，`.child`就是包含文字的元素。

2. **line-height** 和 vertical-align**:
如果无法使用flexbox，你可以直接设置line-height等于height，然后将vertical-align设为middle或者bottom，这里因为行高已经包含了字体大小，所以bottom可以达到类似的效果（如果字体有下内边距的话）。

.parent {
  height: 0.4rem;
  line-height: 0.4rem; /* 等于height保证文字占据整个空间 */
  position: relative; /* 添加定位以兼容IE等浏览器 */
}
.child {
  display: inline-block; /* 或者 inline让文本保持原生对齐 */
  vertical-align: middle; /* 文字垂直居中 */
}

在这段代码中，`.child`同样需要是块级元素（如`<div>`）并且设置为`inline-block`或`inline`。