smoothley使用jquery製作一段跨度以適應其文本

Question

我創建了一個每個字母都是跨度的hang子手遊戲。

HTML

<span class="letter">A</span> 

CSS

.letter{ 
    height:40px; 
    width:40px; 
    line-height:40px; 
    text-align:center; 
} 

後的困惑解決我想搬到對方旁邊的字母形成的話，我還需要跨度調整到適合其文本（這是一個字母），以避免多餘的空間。刪除包含高度和寬度結果的類，以我需要的，但問題是，我想要順利地做到這一點。

Answer 1

克隆該元素，將克隆寬度設置爲auto並測量寬度。然後刪除它，並將原始動畫製作爲該寬度。

事情是這樣的：

$('span.letter').each(function(){ 
    var temp = $(this).clone(); 
    $('body').append(temp); 
    temp.css('width', 'auto'); 
    var newWidth = temp.width(); 
    temp.remove(); 
    $(this).animate('width', newWidth); 
});