垂直对齐股票代码文本，不带绝对位置和 CSS3 转换

Question

制作一个简单的自动收报机，我有一个解决方案可以垂直对齐文本栏，如下所示：

tickstream {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    box-sizing:border-box;
    background-color:rgb(64,224,208);
    font-size:61.8vh;
    font-family:"Gill Sans"
}
tickstream span {
    position:absolute;
    width:auto;
    height:auto;
    top:50%;
    -webkit-transform:translate(0,-50%);
    white-space:nowrap;
    text-overflow:clip;
}

请看这里的小提琴：http://jsfiddle.net/S6LwG/

如何在不使用-webkit-translate:transform的情况下执行此操作？

对于简单的垂直文本对齐，这似乎过于冗长。我曾经能够在不使用transform或查克·诺里斯的情况下垂直对齐单行文本，现在我无法弄清楚。（注意：这只需要在当前的Chrome中工作）。

Answer 1

这是我

为类似答案创建的简单笔。我尝试了 3 种不同的垂直对齐方法。

这是问题