我有一个包含图像的 div 和另一个带有文本的 div。该图像用作背景图像(我有一些原因，为什么我不想通过 background-image 属性来做)。内部 div 的文本应在外部 div 中垂直居中。
外部 div 具有 width: 100% 用于窄设备的响应行为。
我的方法有效，您可以在此处看到:https://jsfiddle.net/wLo80jdh/
我需要更改的一件事是将图像的高度设置为自动，以便不(!)拉伸(stretch)它。但是，如果我设置 height: auto 那么内部 div 的文本不再垂直居中，如您在此处看到的:https://jsfiddle.net/wLo80jdh/1/
我的问题是:如何将高度设置为自动(无拉伸(stretch)图像)+ 垂直居中文本？
最佳答案
我 fork 你 fiddle 并调整它以满足你的需要。我为此使用了 flexbox
https://jsfiddle.net/x9u0dxm8/
关于html - 另一个 div + 图像内的垂直居中 div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38477767/