Css，我可以拉伸文本？
我可以在CSS中拉伸文本吗？ 我不希望字体变大，因为这会使字体显得比它旁边的小字体更大胆。 我只是想垂直拉伸文本，所以它是一种变形。 这将在一个div，然后旁边的正常文本将在另一个div。 我怎样才能做到这一点？
是的，你可以使用CSS 2D变换。 几乎所有的现代浏览器都支持这个function，包括IE9 +。 这是一个例子。
HTML
<p>I feel like <span class="stretch">stretching</span>.</p> CSS
span.stretch { display:inline-block; -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 */ }
提示：您可能需要为延伸的文本添加边距以防止文本冲突。
从技术上讲，不。 但是你可以做的是使用一个字体大小，就像你想要的拉伸字体一样高， 然后用font-stretch水平压缩它。
我将回答文本的水平拉伸，因为垂直是很容易的部分 – 只需使用“transform：scaleY（）”
.stretched-text { letter-spacing: 2px; display: inline-block; font-size: 32px; transform: scaleY(0.5); transform-origin: 0 0; margin-bottom: -50%; } span { font-size: 16px; vertical-align: top; }
<span class="stretched-text">this is some stretched text</span> <span>and this is some random<br />triple line <br />not stretched text</span>
