先來看下效果:
(推薦教程:CSS教程)
通過簡單的Css樣式就可以實現
<div style="margin:0 auto;width:200px;"> <input class="submit" id="btn" type="submit" value="注冊" /> </div>
使用margin-left:auto;margin-right:auto; 可以讓你的div居中對齊。
.style{margin-left:auto;margin-right:auto;} 縮寫形式為: .style{margin:0 auto;} 數字0 表示上下邊距是0??梢园凑招枰O置成不同的值。
后面的那個width也是個很重要的屬性,因為按鈕的寬度非常小,所以要設置一個合適的width值才可以讓你的按鈕居中顯示。