基于HTML表单中最大的按钮制作按钮大小

在下面的代码示例中，我有一个带有两个提交按钮的简单表单。基于HTML表单中最大的按钮制作按钮大小

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

根据value属性按钮，会得到不同的尺寸，像下面的图片：

有没有我可以使用，使同样大小的基础上，最宽的按钮的方法按钮？我使用的引导，如果这是任何好处......

我知道我可以使用修复CSS- width（或相似）上的按钮设置宽度相等。但是由于我不知道value会提前多久，它不会解决问题......（或者会吗？）。

来源

2017-08-31 Gowire

我不认为这是可能的只是CSS。 Flexbox可以使两个按钮的大小相同 - 但不能将较小的按钮设置为较大按钮的确切大小（例如，较大的按钮会缩小以适合） - https://codepen.io/danield770/pen/Bdvmwd – Danield

使用JQuery的

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

这里是一个jsfiddle我做了..

来源

2017-08-31 06:46:33

基于HTML表单中最大的按钮制作按钮大小

回答

相关问题