怎么通過(guò)簡(jiǎn)單的css樣式讓按鈕居中顯示

本篇內容主要講解“怎么通過(guò)簡(jiǎn)單的css樣式讓按鈕居中顯示”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強。下面就讓小編來(lái)帶大家學(xué)習“怎么通過(guò)簡(jiǎn)單的css樣式讓按鈕居中顯示”吧!

就是做到類(lèi)似于下圖這種效果

 

通過(guò)簡(jiǎn)單的Css樣式就可以實(shí)現

代碼如下:

<div >
<input class="submit" id="btn" type="submit" value="注冊" />
</div>

使用margin-left:auto;margin-right:auto; 可以讓你的div居中對齊。 .style{margin-left:auto;margin-right:auto;} 縮寫(xiě)形式為： .style{margin:0 auto;} 數字0 表示上下邊距是0?？梢园凑招枰O置成不同的值。
后面的那個(gè)width也是個(gè)很重要的屬性，因為按鈕的寬度非常小，所以要設置一個(gè)合適的width值才可以讓你的按鈕居中顯示哦~