slabtext.js - 文本溢出容器

使用slabtext.js重新格式化頁面上的標題，但發現處理後的文本溢出其容器。如果我對頁面進行了一次硬刷新，那很好，但是隻是碰到f5會讓我看到文本溢出，這與我的佈局混淆。slabtext.js - 文本溢出容器

slabtext span元素被限制爲其父元素的寬度，但呈現的文本溢出。

我正在使用@ font-face作爲樣式文本 - 是否有可能導致此問題？如果文本在slabtext運行後被設置爲樣式，它將以不同的寬度導致溢出 - 不知道爲什麼會發生這種情況，因爲slabtexting是我運行的最終函數之一。

任何想法？

2013-11-28 Nathan

即使你的函數是一個最後一個的負荷時，字體面可能需要更長的時間來加載，禁用字體面看如果你遇到與標題相同的問題，如果你需要尋找一種方法來添加slabtext後字體已經呈現 – kkemple

是的，在發佈後幾分鐘對它進行排序 - 我正在初始化DOMready上的JavaScript，移動它以窗口加載代替，一切都很好 - 似乎CSS引用字體不會導致字體下載，因此我的問題。 – Nathan

我剛剛也有這個問題，你的評論幫助我。只是張貼anwser更清晰一點。

的CoffeeScript：

$(window).load -> 
    $("#introduction h2").slabText viewportBreakpoint: 0 
    return

的jQuery：

$(window).load(function() { 
    $("#introduction h2").slabText viewportBreakpoint: 0 
});

2014-11-04 13:14:46

回答