jquery - CSS:动态字体大小;跨越 div 的整个宽度

标签 jquery css fonts

<分区>

Possible Duplicate:
Auto-size dynamic text to fill fixed size container.

假设我有一个 600 像素高和 400 像素宽的 div。我希望我的文本位于中间,并跨越 div 的整个宽度。 CSS 或 CSS3 中有什么东西可以让我根据用户输入的文本量自动执行此操作吗?

因此,单词 FOO 将比单词 FOOBAR 大,因为 foobar 会占用更多空间,从而动态调整该文本的大小。

只是想知道;我不确定是否可行(也可以接受 JS 解决方案......)

谢谢!

最佳答案

我能想到的一种解决方案是:

让我们通过输入单词 FOO 来表示您可以拥有的最大尺寸在盒子里是 200px

因此创建一个新的隐藏div,设置固定宽度600但不设置高度,然后循环

  1. 新建hidden div
  2. 设置 width 600并留下高度
  3. loop通过 javascript 减小字体大小 until the height is <= 400

关于jquery - CSS:动态字体大小;跨越 div 的整个宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5034918/

相关文章:

c# - 如何在 RadEditor 控件的主体元素中设置内联样式

javascript - 如何使用 avg 和 group by 子句在 alasql 查询中放置日期范围

javascript - 获取类的 h3 元素

css - 将 div 的内容对齐到底部

css - 嵌入开放式字体

python - 如何根据显示分辨率缩放pygame中的字体大小?

jquery - 如何使用 jQuery 找到一个容器内不在另一个容器内的所有元素?

html - 如何在元素之后轻松添加信息而不是其内容?

NetBeans 7.1 IDE 中的 CSS 标识符提示

css - 在 JavaFX CSS 中指定外部字体