無論文本大小如何，都可以使文本適合框

我遇到了試圖在文本框中填充長文本的問題。由於客戶的設計規範，我無法更改包裝盒的尺寸，所以我必須讓文本適合包裝盒。它可以通過html css js或jquery來實現，只要達到預期的效果就無關緊要。無論文本大小如何，都可以使文本適合框

<div class="mybutton"> 
    <div class="myproblem"> 
    MyNameIs30CharactersLong 
    </div> 
    <div class="myproblem2"> 
    MyNameIsShort 
    </div> 
</div>

這裏是我想要達到的截圖：

下面是它的是一個長的名字：

感謝您的幫助！

來源

2016-01-20 Gui

根據百分比或根據視口設置字體大小。 –

如果我的用戶有一個簡短的名稱，它適合框，如果我的用戶有一個非常長的名字，它不適合和溢出，因爲你們看到上面，我不希望框重新大小，我想文本收縮和適合盒子。視口無助於bc我們不是在談論解決方案。我不認爲這是重複的，因爲其他解決方案沒有解決我的問題安東尼。 – Gui

http://stackoverflow.com/questions/14431411/pure-css-to-make-font-size-responsive-based-on-dynamic-amount-of-characters - 這個答案提到使用'vw'單位純CSS解決方案。 – Anthony

http://jquery-textfill.github.io/

這可能幫助文本大小調整您的問題。

來源

2016-01-20 04:16:51

無論文本大小如何，都可以使文本適合框

回答

相關問題