使用.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