金牛豆豆

关注

如何实现按钮水平居中

金牛豆豆

关注

阅读 73

2023-05-26


button是一个行内块级元素display:inline-block;

所以处理方式很简单,可以用以下两种方式:

方式一:

<div style="text-align:center">
    <button>按钮居中</button>                     
  </div>


方式二:

<div>   
    <button  style="display:block;margin:0 auto">按钮居中</button>                      
 </div>


 
 

相关推荐

静鸡鸡的JC

如何实现水平垂直居中

静鸡鸡的JC 125 0 0

倪雅各

前端css实现水平居中、垂直居中、水平垂直居中【木鱼精简】

倪雅各 156 0 0

影子喵喵喵

水平居中、垂直居中

影子喵喵喵 170 0 0

千白莫

CSS实现水平垂直居中

千白莫 162 0 0

秀儿2020

子控件:水平居中,垂直居中,水平垂直居中

秀儿2020 97 0 0

半秋L

css实现div水平垂直居中

半秋L 197 0 0

Ichjns

css水平居中+垂直居中

Ichjns 20 0 0

infgrad

纯CSS实现垂直水平居中

infgrad 120 0 0

雨鸣静声

前端基础知识之水平居中/垂直居中/水平垂直居中

雨鸣静声 169 0 0

思考的鸿毛

ExtJs布局中,控件如何水平居中?

思考的鸿毛 72 0 0

精彩评论(0)

0 0 举报