如何让你的html button本身居中的实现

如何让你的htML button本身居中呢？ 这个很好找思路， 在其父标签中设置居中属性啊， 如下：

html>
    body>
     center>
    button onClick="myClick()">
    hIT me/button>
    /center>
     script>
function myClick(){
     alert("123");
}
    /script>
    /body>
    /html>
    

或者：

html>
    body>
     div align="center">
    button onClick="myClick()">
    hit me/button>
    /div>
     script>
function myClick(){
     alert("123");
}
    /script>
    /body>
    /html>
    

按钮水平居中

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

所以处理方式很简单，可以用以下两种方式：

方式一：

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

方式二：

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

到此这篇关于如何让你的html button本身居中的实现的文章就介绍到这了,更多相关html button居中内容请搜索以前的文章或继续浏览下面的相关文章，希望大家以后多多支持！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！