使用.text（jQuery）強制調整大小？

Question

我正在添加文字與jQuery一樣。這爲包含該文本的元素提供了20px的寬度（它們的寬度爲：auto）。如果您點擊a.gdt-starrating鏈接，那麼文本Like Like to Likeked現在有25px（由於額外的字母'd'）。但元素仍然有20px。所以文本溢出了包含它的元素。

$j(".gdup a.gdt-starrating").text("Like"); 
$j(".gdup div.gdt-starrating").text("Liked"); 
$j("a.gdt-starrating").live("click", function() { 
    $j(".gdup div.gdt-starrating").text("Liked"); 
}); 

這是一個活生生的例子：

http://www.taiwantalk.org/topic/asdasdasdasdasdgg/

如果您點擊鏈接一樣，你會看到這個問題。

任何建議來解決這個問題？

Answer 1

問題是您使用的是什麼瀏覽器這個CSS規則

.gdt-size-20.gdthumb, .gdt-size-20.gdthumb a, .gdt-size-20.gdthumb div { 
    width: 20px; 
    height: 20px; 
} 

在http://www.taiwantalk.org/wp-content/plugins/gd-star-rating/css/gdsr.css.php