【问题标题】:dynamically change font size to accommodate content amount动态更改字体大小以适应内容量
【发布时间】:2012-04-06 13:57:06
【问题描述】:

假设我有一个大小为 200 像素 X 200 像素的盒子。 我在其中有一个 RSS 提要项目。

我的字体大小由 CSS 设置为 17px,带有粗体字重的文本阴影。

有没有办法动态改变字体大小,使整个博客标题可以显示在 200x200 的框中?

PS:我正在使用 asp:repeater 控件来创建 html 标记。所以我可能会写一些 C#

【问题讨论】:

标签: javascript jquery asp.net rss repeater


【解决方案1】:

你可以做一些疯狂的事情:

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

:)

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

【讨论】:

  • 谢谢安迪!或者我可以强制标题为一组字符并使用 jquery 在末尾添加“...”。
  • @sp-1986 那么您可能需要查看 text-overflow:ellipsis css 属性quirksmode.org/css/textoverflow.html
猜你喜欢
  • 2013-06-04
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-04-13
  • 2015-04-07
  • 1970-01-01
  • 2023-04-07
  • 2016-10-29
相关资源
最近更新 更多