在CSS中,要讓輸入按鈕居中對齊需要幾個步驟。
input[type="submit"], input[type="reset"], input[type="button"] { display: inline-block; //將按鈕顯示為行內塊級元素,才可以設置居中對齊 margin: 0 auto; //設置左右margin為auto,實現之前需要先設置width值 width: 100px; //設置按鈕的寬度 text-align: center; //讓按鈕內的文字居中對齊 }
以上代碼中,將按鈕的display屬性設置為inline-block,表示將其顯示為行內塊級元素。接著將左右margin設置為auto,這時候按鈕的左右空白區域會分別平均分配在兩邊。為了保證按鈕的樣式效果,需要設置當前按鈕的寬度。
最后,通過設置text-align屬性,將按鈕的文本內容居中對齊。這樣就能夠實現輸入按鈕在CSS中的居中對齊了。