如何在CSS中添加文本高度

2023年2月8日 202次阅读

我有一个h1标签,代码看起来像这样

HTML

<h1>Awesome title</h1>

CSS

h1 {
    line-height:3px
}

我只希望文本向上扩展,此文本的宽度将保持不变.

最佳答案 是的,你可以,改造.例如,这个文本高一倍.

.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

点赞