最大化PRE元素的字体大小以使用所有可用的水平空间

Question

我希望将更改预格式化的文本添加到网页中，并将其显示得尽可能大。

文本位于PRE标记内，因此空格和格式保持不变。

我目前使用的是：

＆＃13;

＆＃13;

pre {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2vw;
}

div {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
}

＆＃13;

<div>
    <pre>
    the text here
       and it continues of a couple of lines
    </pre>
</div>

＆＃13;

＆＃13;

＆＃13;

这非常有效，但前提是PRE标签的内容大约为80个字符。

即使内容更窄或更宽，有没有办法最大化PRE元素的字体大小？ 理想情况下只使用CSS而不使用JavaScript 。