2017-08-31 40 views
0

在下面的代碼示例中,我有一個帶有兩個提交按鈕的簡單表單。基於HTML表單中最大的按鈕製作按鈕大小

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

根據value屬性按鈕,會得到不同的尺寸,像下面的圖片:

enter image description here

有沒有我可以使用,使同樣大小的基礎上,最寬的按鈕的方法按鈕?我使用的引導,如果這是任何好處......

我知道我可以使用修復CSS- width(或相似)上的按鈕設置寬度相等。但是由於我不知道value會提前多久,它不會解決問題......(或者會嗎?)。

+1

我不認爲這是可能的只是CSS。 Flexbox可以使兩個按鈕的大小相同 - 但不能將較小的按鈕設置爲較大按鈕的確切大小(例如,較大的按鈕會縮小以適合) - https://codepen.io/danield770/pen/Bdvmwd – Danield

回答

1

使用JQuery的

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

這裏是一個jsfiddle我做了..