這篇文章主要介紹了css實現(xiàn)按鈕居中顯示的方法,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
成都創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比鷹手營子網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式鷹手營子網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋鷹手營子地區(qū)。費用合理售后完善,十年實體公司更值得信賴。
先來看下效果:
通過簡單的Css樣式就可以實現(xiàn)
使用margin-left:auto;margin-right:auto; 可以讓你的div居中對齊。
.style{margin-left:auto;margin-right:auto;} 縮寫形式為: .style{margin:0 auto;} 數(shù)字0 表示上下邊距是0??梢园凑招枰O(shè)置成不同的值。
后面的那個width也是個很重要的屬性,因為按鈕的寬度非常小,所以要設(shè)置一個合適的width值才可以讓你的按鈕居中顯示。
感謝你能夠認真閱讀完這篇文章,希望小編分享css實現(xiàn)按鈕居中顯示的方法內(nèi)容對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,遇到問題就找創(chuàng)新互聯(lián),詳細的解決方法等著你來學(xué)習(xí)!