Question

我正在将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.

到目前为止感谢！

Answer 1

尝试分离图像和p标记，并在jquery选择器中使用p-tag的类。像这样：

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

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

1 个答案: