在開(kāi)發(fā)網(wǎng)頁(yè)時(shí)，經(jīng)常需要把input元素水平居中。使用jQuery可以很方便地實(shí)現(xiàn)這個(gè)功能。

首先，需要先對(duì)input元素設(shè)置樣式，將display屬性設(shè)置為block，然后設(shè)置一個(gè)寬度，可以使用百分比或者具體數(shù)值。

input {
display: block;
width: 60%;
}

接著，使用jQuery來(lái)獲取input元素的寬度和父元素的寬度，計(jì)算出input元素需要向左移動(dòng)的距離，再把這個(gè)距離設(shè)置給input元素的margin-left屬性。

$(document).ready(function(){
var inputWidth = $('input').width();
var parentWidth = $('input').parent().width();
var marginLeft = (parentWidth - inputWidth) / 2;
$('input').css('margin-left', marginLeft);
});

以上代碼就可以將input元素水平居中了。需要注意的是，計(jì)算marginLeft時(shí)要確保父元素有足夠的空間來(lái)容納input元素。