I use 推特引导程序 https://getbootstrap.com/2.3.2/在我的网络应用程序中。
我有一张有很多按钮的桌子。
按钮的文本随着表行的当前状态而变化。
在 Ajax 请求响应之后,我使用 Jquery 更改按钮文本。
我的问题是,这些按钮文本的长度不固定。
有些很长,有些很短。
因此,当一行有长文本而另一行有短文本时,
对用户来说似乎很糟糕。
我可以修复按钮大小吗?那么它们的大小都相等吗?
为所有您想要大小相同的按钮指定一个类,例如class="myButton"
然后在模板的自定义 CSS 区域中,您可以为该类指定一个宽度:
.myButton {
width: 150px;
}
Or,如果你希望它们都具有最长按钮的宽度,你可以使用 jQuery,只要你的值.myButton
按钮发生变化。这段代码的解释如下:https://stackoverflow.com/a/5784399/1130734 https://stackoverflow.com/a/5784399/1130734
$('.myButton').width(
Math.max.apply(
Math,
$('.myButton').map(function(){
return $(this).outerWidth();
}).get()
)
);
这是一个 jsfiddle 示例http://jsfiddle.net/hQCf9/ http://jsfiddle.net/hQCf9/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)