我尝试了几天垂直对齐.sl_container.
我试过了vertical-align: middle，但这不起作用。
如果我为 指定了高度和宽度.slideshow，那么使用top: 50%;和transform: translateY(-50%);，就可以了。见这里。
问题是，如果我删除滑块的高度和宽度以占用可用空间并进行调整，那么这将使内部 div 看起来向上移动。见这里。
display: table-cell; 不是一个选项，因为它会在父 div 的整个宽度的两侧而不是图像上有箭头。
我之前尝试过 flex，它会垂直对齐，但是如果父 DIV 宽度大于子 DIV，由于某种原因它会变成
正如我所说，我尝试了多种方法，没有一种方法可以在不破坏箭头位置的情况下做得很好。
到目前为止我所做的：JSFiddle
之前提到的设置在 CSS 部分中被注释掉了。
对此的任何见解都将有助于在不破坏整个幻灯片和箭头的情况下将其对齐的方法或方法。
仅供参考：DIV 或图像向底部扩展 1-2 像素会产生流血效果，这就是为什么我为每个 DIV 着色以查看是否可以修复它的原因。我敢肯定它有些愚蠢，如果你知道它是什么，请说出来。这并不重要，所以我不太在意。xD