fittext.js 不起作用，它让我发疯答案

【问题标题】：fittext.js does not work and it drives me madfittext.js 不起作用，它让我发疯
【发布时间】：2013-08-15 13:32:15
【问题描述】：

我正在将 fittext.js 集成到一个网站中，但它什么也没做。而且我找不到问题。

也许是其他人？

这是代码

CSS CODE

.nav-text {
font-size: 24px;
font-weight: bold;
text-align: center;
display: block;
margin-top: 5px;
padding-top: 0px;
}

HTML CODE

<div class="nav small-4 large-2 columns padding_bottom_30"><a href="#"><img src="/img/wat-thumbnail.png" alt="Wat"><br/>
  <p class="nav-text">Wat</p></a></div>

JQUERY CODE

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<!--fit-text-->
<script src="/js/jquery.fittext.js"></script>
<script>
jQuery(".nav-text").fitText();
</script>

Here's a link to a live working version.

到目前为止谢谢！

【问题讨论】：

对预期行为与实际行为的描述会有所帮助。

标签： jquery css fonts font-size

【解决方案1】：

尝试将图像和p标签分开，并在jquery选择器中使用p标签的类。像这样的：

<div>
<p><a href="#"><img src="/img/wat-thumbnail.png" alt="Wat"></a></p>
<p class="nav-text"><a href="#">Wat</a></p>
</div>

【讨论】：