css - 在 div 中自动调整标签云

Question

我在 div 中放置了一些标签云。对于每个标签云都有一个拇指向下图标，我使用了来自http://www.cssflow.com/snippets/sliding-tags的滑动标签 css

如果标签云大于 80 像素，则它不适合该 div。我使用了 jquery 的自动换行和 fittext 插件，但我无法让它工作。你能建议什么可能的解决方案吗？

我为它创建了小提琴：http: //jsfiddle.net/aexqoe8n/1/

在 Js 方面：

resultDiv = document.getElementById('tokenCloudResultDiv');
resultDiv.innerHTML = '';
resultDiv .innerHTML="<ul  class='tags blue' style='list-style-type: none;padding:5px;'>";
for (i in json) {
    addToken(resultDiv, i, json[i]);
}
resultDiv.innerHTML=resultDiv.innerHTML+"</ul>";

function addToken(target, key, result) {
    var str;
    var weight;

    if(result['tagWeight']>80)
        $("#tokenCloudResultDiv").fitText(1.2);

    weight= "style='font-size: " + result['tagWeight']  + "px;'";
    if(addedAutomatically)
    str = "<li><div><a " + weight + " >" + result['tagName'] +"</a><span   class='thumbsDownIcon' id ='" + tagId + "' style='display:block;cursor:pointer;' ></span></div></li>";
    target.innerHTML += str;
}