当前位置:  开发笔记 > 前端 > 正文

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

如何解决《是否可以更改内联文本高度,而不仅仅是行高?》经验,为你挑选了3个好方法。

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

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

还有另一种方法吗?



1> Prashant Tap..:

您可以使用以下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



2> Andrew Hare..:

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



3> Evan Meagher..:

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

推荐阅读
我我檬檬我我186
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有