显示 flex 不起作用并且无法使 div 居中

Posted 2023-03-29

【中文标题】显示 flex 不起作用并且无法使 div 居中

【英文标题】：display flex does't work and impossible to centered the div

【发布时间】：2016-12-30 07:31:03

【问题描述】：

这是我的测试 https://jsfiddle.net/Artenis/nozv1nsf/#&togetherjs=yjibGnfDFM

你能告诉我我的错误在哪里

我希望包含文本（黑色不透明度）的 div 相对于背景图像水平和垂直居中。具有背景色黑色不透明度的 div 不会占用总高度，而只会占用文本 div 的填充。 这个相同的 div 必须占据背景的所有宽度。 我用

display:flex; justify-content:center; and content-align:center;

到目前为止它一直有效，但在这里没有。

【参考方案1】：

这应该可以解决您的问题。

.moncontenu  color: rgb(255, 255, 255); text-shadow: 2px 4px 2px rgb(0, 0, 0); font-size: 33pt;width:100%; padding: 15px 0px !important; align-self: center;

（添加 align-self: center;）

【讨论】：

谢谢，解决了文本的位置，但 div 的高度始终采用背景图像的高度。

好吧，很好，我有整数你的解决方案：align-self:center，在包含 .moncontenu 的 div 内。 .bloccentragecontenu