自動調整已經固定寬度

我有以下特性自動調整已經固定寬度

background: none repeat scroll 0 0 #999999; 
border: 1px solid #639BBE; 
height: 62px; 
margin-top: 13px; 
width: 135px;

寬度，這個div固定的高度一個div一個div的字體大小我不能改變他們，現在，如果我進入一些大的文本該div它超出div，我想這樣我可以處理這個問題，這意味着如果這個div的文本增加它會自動減小字體大小來調整文本。沒問題，如果我需要添加一些JavaScript沒有限制。

在我輸入大文本的時刻它就像這樣顯示！

enter image description here

在此先感謝

來源

2013-01-01 Smartboy

如果你的身高是固定的。（除非你打算讓文字大小真的很小，你可以通過javascript – cipher

做到這一點但是我怎樣才能做到這一點在javascript？ – Smartboy

將內容文本包裹在另一個元素內你的容器，檢查它的高度作爲容器高度的百分比，並相應地調整字體大小...或使用CSS溢出來滾動容器中的內容。基於文本的大小顯示..溢出可能更好的選擇 – charlietfl

此鏈接解決了我的問題，此插件相當不錯

Jquery Textfill

來源

2013-01-01 10:35:19 Smartboy

$.fn.HasScrollBar = function() { 
//note: clientHeight= height of holder 
//scrollHeight= we have content till this height 
var _elm = $(this)[0]; 
var _hasScrollBar = false; 
if ((_elm.clientHeight < _elm.scrollHeight) || (_elm.clientWidth < _elm.scrollWidth)) { 
    _hasScrollBar = true; 
} 
return _hasScrollBar; 
}

使用此功能，找出了流量和使用jquery更改字體大小

來源

2013-01-01 07:54:43

嘗試這個Ĵ查詢例如，它會幫助你https://github.com/davatron5000/FitText.js

來源

2013-01-01 08:04:43

自動調整已經固定寬度

回答

相關問題