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或Chuck Norris的情况下垂直对齐单行文本，现在我无法弄明白。 （注意：这只需要在目前的Chrome中使用）。

Answer 1

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

以下是question

在没有绝对位置和CSS3变换的情况下垂直对齐自动收报机文本？

1 个答案: