设置字母索引条在竖直居中

要在竖直居中设置字母索引条，你可以通过以下步骤实现：

1. 给字母索引条的父元素设置一个固定高度，并将其设置为相对定位。

.parent {
  position: relative;
  height: 300px; /* 设置固定高度 */
}

2. 将字母索引条设置为绝对定位，并将其顶部和底部都设置为 0。

.index-bar {
  position: absolute;
  top: 0;
  bottom: 0;
}

3. 给字母索引条添加一个伸缩容器，并将其设置为垂直居中。

.index-bar {
  display: flex;
  align-items: center; /* 垂直居中 */
}

这样，字母索引条就会垂直居中显示在父元素内。