Javascript 如何自动调整文本按钮

您好，我正在为我的web应用程序使用twiiter bootsrap 2.6。正如您在本网站的用户选项卡中所看到的 这

finalHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH这个

这是html按钮
请看截图

<input type='button' class='btn btn-lg btn-primary' value="finalhhhhhhhhhhhhhhhhhhh" />


在css中添加一个类，如下所示：

.btn-fixed-width {
    width:60px;
    overflow:hidden;
}

当然，将“宽度”替换为要使用的特定宽度，
将该类添加到要固定宽度的按钮
就在这里
 那么您想根据文本长度减小字体大小

如果是这样，我建议首先使用css将按钮宽度设置为固定的像素宽度。这样你的按钮就不会抖动了。
然后在每次文本更改时，您可以创建另一个按钮（没有固定宽度），设置新文本，测量其宽度，然后在循环中以最小单位减小字体大小（em vs px），直到按钮宽度在所需参数范围内。然后删除新创建的按钮，并将第一个按钮的字体大小设置为刚刚计算的字体大小。这个操作发生得非常快，用户看不到，jquery也使用这个技巧来计算一些大小

请参阅下面评论中的FIDDLE

。。。但imo有更好的UI解决方案：

将按钮文本截断为允许的最大字符数+&hellip；并将“alt”属性设置为全文
使文本在鼠标上方的按钮上从右向左滚动
使文本在按钮内换行
首先通过以下方式获取文本长度：

var get = $("#value").val().length;

然后获取按钮的最大尺寸表示宽度，然后将此设置为按钮的固定宽度

maxScale = $("#value").width();

然后将字体大小减少

通过将两者与if进行比较，设置字体大小

if ( currentFontSize < maxSize ) {
                            currentFontSize += .1;

 $("button").css('font-size', fontSize + 'px');

if（currentFontSize

尝试此…
在您的列表中，无法看到任何最终的HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH文本fiddle@Sowmya，单击“用户”选项卡。您只需对标记和CSS进行少量更改即可完成此操作。@anpsmn刚才我看到了您的评论。在小提琴中，您使用了两个按钮为什么？@JqueryLearner哦，这只是一个示例。由于标记有更改，我添加了一个新的按钮旁边的旧的只是为了表明它可以通过CSS完成。你的代码仍然是一样的。我使用的是引导按钮类class='btn btn lg btn primary btn-fixed-with'你不能只是将该类添加到你的按钮中，你还需要将我上面发布的CSS代码添加到你网站中包含的CSS文件中我已经编辑了你的nswer让我看得更清楚。你能给我一把小提琴吗？谢谢你的回答。我正在使用bootsrap按钮类，像这样
class='btn btn lg btn primary'
，所以我如何更改大小。如果可能，请提供小提琴如果你使用jquery，你可以用.css（）方法设置任何css属性。例如：$（myButton）.css（'font-size'，'12px'）；你能提供一把小提琴吗？谢谢，小提琴+1是你需要的吗？