如何在Visjs Timeline中垂直居中修改过高度的项目？

当你手动设置.vis-item高度为10px后，元素偏下是因为Vis.js默认给vis-item用了绝对定位，通过top属性控制垂直位置，仅修改height不会自动调整这个定位值，导致元素无法居中。

你可以用以下两种方法修复：

• 自适应行高方案（推荐）：使用transform实现自动垂直居中，适配任意行高

.vis-item {
  height: 10px;
  top: 50% !important;
  transform: translateY(-50%);
}

• 固定行高方案：如果你的Timeline行高固定（比如默认的20px），可以直接用margin调整

.vis-item {
  height: 10px;
  /* 行高20px时，(20-10)/2 = 5px，根据实际行高修改数值 */
  margin-top: 5px;
}

内容的提问来源于stack exchange，提问作者user28290383