是否可以更改内联文本高度,而不仅仅是行高？

Question

我想知道是否可以更改内联文本的高度,而不是拉伸字体,并且不更改css中的行高.

当我有一个具有悬停效果的多行链接时出现问题:当在线条上移动时,由于线条高度增加,效果会闪烁: 示例

还有另一种方法吗？

Answer 1

您可以使用以下css增加字体的高度

transform:scale(2,3); /* W3C */
-webkit-transform:scale(2,3); /* Safari and Chrome */
-moz-transform:scale(2,3); /* Firefox */
-ms-transform:scale(2,3); /* IE 9 */
-o-transform:scale(2,3); /* Opera */

的jsfiddle

Answer 2

您将无法单独更改字体的高度,但您可以调整font-size以使用您设置的行高.

Answer 3

您也可以尝试减少字母间距.使类型更紧凑可能会使其看起来更宽.