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

-1

我創建了一個每個字母都是跨度的hang子手遊戲。smoothley使用jquery製作一段跨度以適應其文本

HTML

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

CSS

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

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

來源

2013-05-04 Ashkan Mobayen Khiabani

請張貼完整的HTML，專門顯示從他們需要彼此旁邊移動字母的初始位置。 – Ejaz 2013-05-04 20:34:01

我沒有問題移動他們，考慮作爲一個單獨的跨度絕對位置，我的問題是調整它的文本。只是離開移動，並幫助我調整大小。 – 2013-05-04 20:37:18

好吧，所以你沒有用於aplha的等寬字體，問題在於，當你將它們放在一起時，人們可以觀察到aplha之間的不規則空間。這是一個正確的猜測嗎？ – Ejaz 2013-05-04 20:48:18

克隆該元素，將克隆寬度設置爲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); 
});

來源

2013-05-04 20:42:36

爲了適應我的需求，我需要對代碼進行大量更改，因爲還有其他問題。但是我明白了應該如何去做，而這正是我所需要的。非常感謝。 – 2013-05-04 21:04:03

قابلی（我用谷歌翻譯！） – 2013-05-04 21:10:02

非常感謝。正如你已經使用翻譯工具，它顯示你多麼在乎，謝謝你的好意。伊朗的正式語言是波斯語，但我是生活在伊朗的52％土耳其人之一;） – 2013-05-05 00:37:55

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

回答

相關問題