jquery ui不能正確縮放文本！

我想用jquery ui來縮放一個div，我拖動它可以更容易地看到它背後的內容，但其中的任何文本都是奇怪的縮放比例。文本本身變小了，但它似乎有一堆填充它並現在浮動。該文本延伸到div的底部，即使它應該被div正確包含。我在文本行周圍放置了一個紅色邊框，邊框的大小與原始文本的大小相同。我真的不知道該怎麼做才能得到這個工作...jquery ui不能正確縮放文本！

HTML：

<div class="item draggable" id="item-1'"> 
    <div class="image-block"> 
     <a class="delete-button" title="delete me!" href="/remove/1" onclick="return $(this).confirm(\'Really remove this image?\');">X</a> 
     <a class="image" href="/edit/1"><img src="/someimage.jpg" /></a> 
     <div class="clear-block"></div> 
    </div> 
    <h3>Some title</h3> 
</div>

CSS：

div.image-list div.item { 
    float:left; 
    background:#fff; 
    width:150px; 
    padding:5px; 
    margin:4px; 
    border:1px solid #d3d5d6; 
    } 
div.image-list div.item h3 { 
    margin:0; 
    padding:0; 
    border:solid 1px #F00; 
    } 
div.image-list div.item div.image-block a.delete-button { 
    float:right; 
    position:relative; 
    background:#fff; 
    display:none; 
    top:0.8em; 
    margin-bottom:-20.0em; 
    width:3em; 
    height:1.8em; 
    padding:0.2em 1em; 
    } 
div.image-list div.item div.image-block a.image { 
    float:left; 
    display:block; 
    } 
.clear-block { 
    clear:both; 
}

的jQuery：

$(".draggable").draggable({ 
    helper: 'clone', 
    start: function(ev, ui) { 
     $(ui.helper).effect("scale", { percent: 50 }, 200); 
    } 
});

來源

2009-09-01 Stephen Belanger

可能需要發佈多一點的html jQuery代碼來獲得幫助 – PetersenDidIt 2009-09-02 00:11:06

我添加了其他任何我可以的，但沒有其他東西是真正相關的。 – 2009-09-02 18:34:12

沒關係，事實證明這是與我使用的另一個樣式表相矛盾的行高。 >。>

來源

2009-09-02 18:41:08

jquery ui不能正確縮放文本！

回答

相關問題