Question

我有一个h1代码，代码看起来像这样

HTML

<h1>Awesome title</h1>

CSS

h1 {
    line-height:3px
}

我希望只将文字向上缩放，此文字的宽度将保持不变。

Answer 1

是的，你可以通过改造。例如，这个文本高一倍。

.tall {
    display:inline-block;
    -webkit-transform:scale(1,2); /* Safari and Chrome */
    -moz-transform:scale(1,2); /* Firefox */
    -ms-transform:scale(1,2); /* IE 9 */
    -o-transform:scale(1,2); /* Opera */
    transform:scale(1,2); /* W3C */
}

它的运作方式如下：

transform:scale(width,height);

如果我希望它只比宽度高1.5倍，我可以使用：

transform:scale(1,1.5);

演示： http://codepen.io/Pachonk/pen/vNVaKr

如何在CSS中添加文本高度

1 个答案: