动态调整基于长度和容器的大小

文本如何调整基于文本和容器的大小长度的某些文字？动态调整基于长度和容器的大小

这是一个标题。基本上，我想说：“如果动态生成的<h2>有少于10个字符，增加字体大小2em填补空间，否则，离开它在1em”。

理想我很喜欢，只是调整文本最多。如在“，标题不完全适合水平空间，所以增加字体大小，而不去第二行”。这是可行的吗？

我不能给你一个链接，因为该网站是不是活着。

2011-12-23 bigonroad

检查以下链接是否有帮助。 http://stackoverflow.com/questions/1288297/jquery-auto-size-text-input-not-textarea – tamilsweet 2011-12-23 15:35:07

[自动调整大小的动态文本以填充固定大小的容器]（http：// stackoverflow.com/questions/687998/auto-size-dynamic-text-to-fill-fixed-size-container） – Quentin 2011-12-23 15:42:29

好一个，昆汀:) – 2011-12-23 15:51:18

而且检出Fittext.js。你可以看看它的作用 - 这是微小的。

2011-12-23 16:06:01 airportyh

嘿，所以我尝试了fittext.js - 你可以在这里看到一个示例页面，我希望标题放大。我在代码中做错了什么？ http://allaboutchris.org/blog/2011/send-us-out/ – bigonroad 2011-12-23 17:21:07

有什么想法？不明白为什么它不工作！ – bigonroad 2012-04-09 10:52:12

如果你有，你可以使用一个固定大小的容器一种技术是检测文本是否溢出其容器，然后减小字体大小，直到它不再溢出。这样，你总能找到最适合的角色而不需要数字。使用比例字体时，计数字符不会总是有效。

用于检测溢出的技术这里描述：

2011-12-23 15:40:47

嘿，伙计们。这是有帮助的 - 我有一个轻微的困惑 - 我只想调整一行文本的大小。换句话说，如果它是一个15字的标题，我很高兴它跨越两行。如果它已经少于一行，我只需要调整文本大小。 – bigonroad 2011-12-23 16:23:24

您可以轻松地检查元素的高度 - 知道如果它是一行，它将是一个高度，如果是两个，则是另一个高度。然后相应地调整字体。如果您需要代码帮助，请告诉我。 jquery的$（'。myDiv'）。height（）如果你需要什么。 – 2011-12-23 16:49:11

欣赏代码帮助的提供：关于我在下面的实现的任何想法？谢谢。 – bigonroad 2011-12-23 17:23:02

回答