基于HTML格式的最大按钮使按钮大小相同

Question

在下面的代码示例中，我有一个带有两个提交按钮的简单表单。

<form>
    <input type="submit" value="< Previous">
    <input type="submit" value="Next >">
</form>

根据value属性，按钮的大小会有所不同，如下图所示：

是否有一种方法可以根据最宽的按钮使按钮大小相同？我使用Bootstrap，如果这有任何好处......

我知道我可以使用修复CSS - width（或类似）在按钮上设置相等的宽度。但是因为我不知道value将提前有多宽，所以它无法解决问题......（或者它会不会？）。

Answer 1

使用 JQuery

var prev = $('#prev').width();
var next = $('#next').width();
if (prev > next) {
  $('#next').width(prev);
} else {
  $('#prev').width(next);
}

这是我制作的jsfiddle ..