Html 将嵌套的div垂直居中对齐&；横向

我正在使用slick slider查看最新的新闻项目。我必须在中间/中心垂直和水平方向上显示父容器的覆盖层和新容器的标题。我尝试使用FlexCSS，但没有成功

项目一标题
项目一标题
项目二标题
项目一标题
项目三标题
项目一标题
项目四标题
项目一标题
项目五标题
项目一标题
项目六标题
项目一标题

---

不知道我哪里做错了。我还尝试将显示类型用作表/表单元格

在jquery初始化之前，您正在包括slick js。要使用slick carousel，您需要先加载jQuery，然后加载slick js

查看更新的

---

供参考：

您的JS订单应为：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="http://kenwheeler.github.io/slick/slick/slick.js"></script>

---

添加相对于父div的位置和相对于子div的位置相关样式将起作用

滑块{
最大宽度：1280px；
保证金：50px自动；
填充：0px 50px；
}
.滑滑梯{
保证金：0px 0px；
边框：1px纯红；
}
.滑溜式img{
宽度：100%；
}
.史莱克·普雷夫：之前，
.滑头下一个：之前{
颜色：黑色；
}
.tb父母{
显示器：flex；
证明内容：中心；
位置：相对位置；
}
结核儿童{
显示：块；
宽度：10%；
位置：绝对位置；
排名：0；
左：0；
底部：0；
右：0；
保证金：自动；
身高：10%；
}

项目一标题
项目一标题
项目二标题
项目一标题
项目三标题
项目一标题
项目四标题
项目一标题
项目五标题
项目一标题
项目六标题
项目一标题

只需在不设置宽度的情况下检查此项即可

滑块{
最大宽度：1280px；
保证金：50px自动；
填充：0px 50px；
}
.滑滑梯{
保证金：0px 0px；
边框：1px纯红；
}
.滑溜式img{
宽度：100%；
}
.史莱克·普雷夫：之前，
.滑头下一个：之前{
颜色：黑色；
}
.tb父母{
显示：内联块；
证明内容：中心；
位置：相对位置；
}
结核儿童{
自对准：居中；
位置：绝对位置；
右：0；
左：0；
保证金：0自动；
最高：50%；
利润上限：-20px；
文本对齐：居中；
}

项目一标题
项目一标题
项目二标题
项目一标题
项目三标题
项目一标题
项目四标题
项目一标题
项目五标题
项目一标题
项目六标题
项目一标题

是否希望标题和内容正好覆盖在图像上？是的，我希望标题覆盖在具有透明覆盖的图像上。是否尝试使用

位置：绝对@JishnuVS，是的，但如果我将嵌套div设置为100%，它将跨越整个屏幕，而不是整个屏幕div@Learning请检查我的回答它仍然是一样的，标题是在底部的图像不在中心这是好的，但这并不能解决问题，我已经做了这些调整，我只面临的问题alignment@Learning哦，糟糕。查看更新的代码，它不在middle@Learning如果我看到我的代码笔链接，图像下面的文本水平居中。再看一次-
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="http://kenwheeler.github.io/slick/slick/slick.js"></script>

.slick-next {
  right: 10px;
}

.slick-prev {
  left: 10px;
}

.tb-child {
  text-align: center;
}

body {
  margin: 0;
}