动态调整div中的文本大小

时间:2015-02-13 01:26:25

标签: javascript jquery html css

这是我的jsFiddle code。我正在动态更改文本字体以修复div。它工作正常。我的文字是跨度的,但我不想使用span。如果我移除了跨度,那么它就会停止工作。我甚至改变了我的功能。

var ourText = $('span:visible:first', this);

 var ourText = $(targetid, this);

我想像这样使用

 <h1  id="h1" class='jtextfill'>
    Sample 
</h1>
<h2 id="h2"  class='jtextfill2' >
   aaSamp sfd sdfsf sfsddffds ss ssf fsdf sdf sfs fsdfs sdfsdf sdf sdfsfsfsdfsdfsf sdf sfsf sfs sf sf sd  sfsf sfsdsfd sfdfdf a ada  adf ad adasda a adsa s sfzz
</h2>

但它没有用。

1 个答案:

答案 0 :(得分:0)

您的jquery选择器格式不正确:写$( "#"+targetid )而不是$(targetid)。后一个构造引用了对应于参数targetid的cntent的标签 - 引用id,你必须在id前加上文字#。请注意,这仅适用于jquery和css选择器,尤其不适用于getElementById的参数。请参阅this fiddle(当然,所有内容也适用于ourText = $('#'+targetid, this);

更新: This fiddle包含简化的代码。

我看不出你如何分配'span'元素:要获得文本的高度和宽度,你需要一个元素来读取高度/宽度属性。但是,您还需要用于定义视口的容器,以便将文本放入其中。