Javascript 如何使转盘内的内容垂直居中？

我指的旋转木马是Bootstrap的旋转木马（）

我使用了示例中类似的代码，但是我不能将内容放在父对象的正中间

如您所见，内容没有居中。我尝试设置旋转木马标题{vertical align:middle；}，但没有任何变化

<div class="carousel-inner">
    <div class="item active">
        <div class="container">
            <div class="carousel-caption">
                !!contents!!
            </div>
        </div>
    </div>
</div>

!!目录

---

这与示例中的代码相同。如何使旋转木马标题垂直居中？

最简单的方法是结合使用

显示：内联块

和

行高

，例如

.container {
    line-height: 100px // height of your carousel
}

.carousel-caption {
    line-height: normal; // restore original line height here
    display: inline-block;
    vertical-align: middle;
}

参见此处示例：

了解IE8及以上版本

.carousel-caption{
  display:table-cell;
  vertical-align:middle;
}

。全宽{
宽度：100%；
}
.旋转木马标题{
位置：绝对位置；
排名：0；
显示：-网络工具包盒；
显示器：-moz盒；
显示：-ms flexbox；
显示：-webkit flex；
显示器：flex；
-webkit框对齐：居中；
-moz框对齐：居中；
-ms-flex-align：居中；
-webkit对齐项目：居中；
对齐项目：居中；
身高：100%；
}

在图像中垂直、水平居中的一些文本

在图像中垂直、水平居中的一些文本

试试{text align:center}很抱歉，我的错..你应该遵守规则，而不是规避规则。下次把你的代码放在答案中。与图像不匹配，或者必须知道它的确切高度。