基於容器寬度的字體大小

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/