Bootstrap轮播：向上滑动垂直居中的文本

Question

我将文字集中在包含if (frmUpdateData == null || frmUpdateData.isClosed()){ frmUpdateData = new FrmUpdateData(); JDesktopPane desktopPane = getDesktopPane(); desktopPane.add(frmUpdateData); frmUpdateData.setVisible(true); frmUpdateData.setLocation(this.getWidth()/2- frmUpdateData.getWidth()/2, this.getHeight()/2-frmUpdateData.getHeight()/2); } 和display:table-cell的轮播项目中。它工作正常，但当幻灯片更改时，其中的文本首先显示在顶部，然后才会居中。

这是我的代码 - JSFiddle

如何进一步处理？

Answer 1

您没有设置任何边距。我添加了一些项目，它似乎工作。

https://jsfiddle.net/a76d2q7u/3/

body{
  background-color: grey;
}
.carousel{
  height:200px;
  display:table;
  width:100%;
}
.carousel-inner{
  display:table-cell;
  vertical-align: middle;
}

.item{
  text-align: center;
  font-size: 30px;
  margin: 17% 0px;
}