我可以在 CSS 中垂直拉长文本而不改变字体大小吗？

用 CSS 拉长文本

问题：

是否可以使用 CSS 垂直拉伸文本而不放大字体大小?

答案：

是的，CSS 2D 变换允许您在大多数现代浏览器中实现此效果。

实现：

1. 为拉伸文本定义 CSS 类：

span.stretch {
    display:inline-block;
}

2. 应用变换属性来缩放垂直文本：

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

用法：

<p>I feel like <span class="stretch">stretching</span>.</p>

这将显示垂直拉伸 2 倍的文本“stretching” .

以上是我可以在 CSS 中垂直拉长文本而不改变字体大小吗？的详细内容。更多信息请关注PHP中文网其他相关文章！