如何在不影响字体大小的情况下降低文本高度？

Question

我希望在不改变字体大小的情况下降低文本高度，我该如何实现？我已经尝试过应用line-height属性但没有得到任何解决方案。 感谢

Answer 1

使用css3 transoformations来缩放包含文本的元素：

#skewed{
    font-size:50px;
    -webkit-transform-origin:0 0;
    -webkit-transform:scale(4,0.5);
    -moz-transform-origin:0 0;
    -moz-transform:scale(4,0.5);
    transform-origin:0 0;
    transform:scale(4,0.5);
}

<p id="skewed">Banana</p>

Answer 2

你应该澄清你的问题。如果要在较小的空间中放置文本，可以简单地降低行高，例如：

<p>
 Lorem ipsum dolor sit amet, ad dicant appareat sea, no nibh iusto sea
 .No veritus omittam has, has maiorum splendide ne. Per mandamus
 repudiandae in, pri suas aperiam cu, quando meliore liberavisse
 nec te.Graeco sanctus convenire ne mea, dicant intellegebat an 
 pri, quo ex iusto evertitur theophrastus. Id usu placerat 
 consectetuer, alii feugait eam an, his no debitis dissentias.
</p>

p {
    line-height: 0.7 /* replace 0.7 with the valuse that best suites you need*/
}