字体大小基于容器宽度

Question

我想创建一个包含三行文本的文本块，所有文本长度不同但宽度相同，如图所示（对于大小道歉）。我想知道是否有一种方法可以不创建三个不同的元素并更改每个元素的字体大小。是否可以将font-size设置为其容器的宽度？

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

Answer 1

没有。没有CSS。但是有很多jquery插件可以帮到你。 FX。 http://simplefocus.com/flowtype/