用CSS讓按鈕居中顯示的思路及代碼
編輯：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。可以按照需要設置成不同的值。
後面的那個width也是個很重要的屬性，因為按鈕的寬度非常小，所以要設置一個合適的width值才可以讓你的按鈕居中顯示哦~
通過簡單的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。可以按照需要設置成不同的值。
後面的那個width也是個很重要的屬性，因為按鈕的寬度非常小，所以要設置一個合適的width值才可以讓你的按鈕居中顯示哦~
小編推薦
熱門推薦