如何在CSS

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