如何在标题和段落中拉伸文本

时间:2020-08-05 11:53:31

标签: css

是否有任何行高替代选项可以使文本变宽?

我尝试使用的是text-align:justify,但是它只会拉伸段落的第一行。

我需要拉伸整个文本。

2 个答案:

答案 0 :(得分:1)

一个超级基本的示例,不再包含任何花哨的内容:

        h1:hover{
            letter-spacing: 1.5rem;
        }
<h1>Text</h1>

这是您要找的东西吗? 如果没有,让我知道您对“拉伸”的含义

答案 1 :(得分:0)

您可以使用变换比例来拉伸文本。

.stretched {
    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 */
    position: relative;
    left: 30px;
}
<p>Normal</p>
<p class="stretched">Stretched</p>