Css 基于容器宽度的字体大小

我想创建一个文本块，它有三行文本，所有长度不同，但宽度相同，如图所示（对大小表示歉意）。我想知道是否有一种方法可以做到这一点，而无需创建三个不同的元素并更改每个元素的字体大小。是否可以将字体大小设置为其容器的宽度

<div class="block pink">
<div class="block-container">
    <p>Create your</p>
    <p>30x20</p>
    <p>Canvas</p>
</div>
</div>

创建您的

30x20

帆布

否。不使用CSS。但是有很多jquery插件可以为您实现这一点。外汇