首頁 > web前端 > css教學 > css如何實現按鈕居中顯示

css如何實現按鈕居中顯示

王林
發布: 2020-08-20 16:55:33
轉載
6031 人瀏覽過

css如何實現按鈕居中顯示

先來看下效果:

(推薦教學: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如何實現按鈕居中顯示的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:csdn.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板