• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    如何让你的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居中内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!

    上一篇:html中车牌号省份简称输入键盘的示例代码
    下一篇:详解HTML设置边框的三种方式
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯

    时间:9:00-21:00 (节假日不休)

    地址:江苏信息产业基地11号楼四层

    《增值电信业务经营许可证》 苏B2-20120278

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