-2

我尝试使用 fittext 调整我的文本大小。div 容器的宽度为 200 像素到 200 像素。结果应该是无论文本有 10 还是 200 个单词，文本都必须适合框。

编辑： jQuery 中的 fittext 不适用于适合更多行的文本，这是我的问题。

所以我会尝试动态调整更多行的字体大小。如果我尝试这个，你会看到我的问题。文本可以是动态的：

body{
   background-color: rgb(48, 54, 52);   
}   

.parent{
    position: relative;
    background-color: black;
    width: 200px;
    height: 200px;
    clear: both;
}

.child_1
{
    width: 200px;
    height: 200px;
    position: absolute;
    padding: 5px;
}

.child_1
{
    background-color: rgb(255, 255, 255);
    color: rgb(124, 170, 52);

}

<div>
<div class="parent">

<div class="child_1" >Lorem ipsum dolor sit amet, consectetuer adipiscing elit.Lorem 
ipsum dolor sit amet, consectetuer adipiscing elit.Lorem ipsum dolor sit amet,         
consectetuer adipiscing elit.</div>
</div>
</div>

<script src="jquery.fittext.js"></script>
<script type="text/javascript"> 
    $(".child_1").fitText(1.1, { minFontSize: 30, maxFontSize: '75px' });
</script>
4

2 回答 2

0

如果你有一个固定尺寸的盒子，放很多东西，显然会装满，你想做的事情也是如此。

您需要动态调整字体大小或 div 宽度/高度。

于 2012-08-06T21:38:38.793 回答
0

查看FitText 文档。它很简单：

$("#div_id").fitText();

尽管如此，FitText 还是根据容器的宽度而不是高度进行计算。如果您想将文本放在一行中，这很好，但如果您想将它放在一个框中，则不是很有用。

于 2012-08-06T21:39:38.680 回答