使图像与另一个图像水平对齐。 Flexbox我认为不是答案。我想我需要某种scss calc（）

Question

我正在尝试将两个相邻的图像水平对齐，并在其下方使用不同的动态文本。如果查看我附加的图像，很清楚我正在尝试做什么。我认为flexbox或flex justify-content之类的flexbox属性不会在这里起作用。感谢您的提前帮助。

https://i.stack.imgur.com/QYCMh.jpgenter image description here

Answer 1

所以我想出了一个解决方案。我用calc（）获得结果

position: absolute;
width: calc(100% - 50px);
margin-top: calc(112.1% - 980px / 25);

此计算会使图像停留在其旁边的图像上。不知道单位号是什么意思，我基本上弄弄了单位，直到得到想要的结果。

此处显示结果https://gifyu.com/image/vnPX