Question

看起来slabtext.js无法以某种方式看到基础div的宽度。我一直试图在加载之后调整大小和类似的东西，但我不能取得好成绩。很简单，可以

<div class="row">
<div class="small-6 columns">
    <h1>HEre's Some Text to fill things up and look great'</h1>
</div>
<div class="small-6 columns">
    <h1>
<span class="slabtext">here's some</span><span class="slabtext">other text please work somehow!</span>
    </h1>
</div>

第二栏中的文字应该是＆＃34;这里有一些（换行）其他文字请以某种方式工作！＆＃34;并且所有文本都应调整为100％宽度的列

这是一个小提琴...... https://jsfiddle.net/scotnery/wf9egscs/9/

我一直在测试fittext.js＆amp; bigtext.js

如何修改JS或CSS以获得正确的大小调整？

Answer 1

在我的代码中添加一个简单的table，你可以看到，就像这样。请看这里jsfiddle。虽然表格应该 NOT 这样使用，但它解决了这种情况下的问题。

HTML

<div class="row">
  <div class="small-6 columns">
    <h1>HEre's Some Text to fill things up and look great'</h1>
  </div>
  <div class="small-6 columns">
    <h1>
    <table>
      <tbody>
        <tr>
          <td><span class="slabtext">here's some</span></td>
        </tr>
        <tr>
          <td><span class="slabtext">other text please work somehow!</span></td>
        </tr>
      </tbody>
    </table>
    </h1>
  </div>
</div>

CSS

h1{
  line-height: .85;
}

的Javascript

$(document).foundation();
$("h1").slabText();

无法将文本大小调整为Foundation div的宽度

1 个答案: