2012-04-06 77 views
1

可以說我有一個200px×200px大小的框。 我在裏面有一個RSS提要項目。動態改變字體大小以適應內容量

我的字體大小由CSS設置爲17px,文字陰影字體粗體。

有沒有辦法動態改變字體的大小,以便整個博客標題可以顯示在200x200框?

PS:我使用asp:repeater控件來創建html標記。所以可能我也許能寫一些C#

+1

也許這可以幫助:HTTP:/ /stackoverflow.com/questions/687998/auto-size-dynamic-text-to-fill-fixed-size-container – 2012-04-06 14:11:34

回答

1

你可以做一些瘋狂的那樣:

while ($('div').scrollTop() == 0) { 
    $('div').css({'font-size': '+=1'}).scrollTop(100); 
} 
$('div').css({'font-size': '-=1'});​ 

:)

演示
http://jsfiddle.net/ZprxD/1/

+0

謝謝安迪!或者我可以強制標題爲一定數量的字符,並在最後使用jquery添加「...」。 – 2012-04-06 14:54:10

+1

@ sp-1986那麼你可能想看看文本溢出:省略號CSS屬性http://www.quirksmode.org/css/textoverflow.html – Andy 2012-04-06 14:55:49