垂直对齐中心时iframe折叠的高度

Question

我有以下代码在屏幕的左上方显示LD_TRACE_PRELINKING。我想保持框架的尺寸不变并对齐，以使ld.so的中心和屏幕右侧的文本在同一水平线上。 如果我使用iframe，框架会崩溃。如何解决？

iframe

注意：我已经看过Expanding iframe within Flexbox，但这对我没有帮助。

Answer 1

免责声明：

这不是解决问题的方法，而是解决方法。但这可能对您有帮助。

解决方法

您可以使列保持整个高度（而不是通过应用.column或通过应用align-self: center）来代替iflex居中align-self: stretched，而将iframe居中于列中。< / p>

将iframe居中的一种解决方案是将此CSS应用于iframe：

position:relative;
top: 50%;
transform: translateY(-50%);

这是带有我刚刚描述的解决方法的JSFiddle： https://jsfiddle.net/arb102tc/1/