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

ID:16260 / 打印

如何让你的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设置边框的三种方式
下一篇: HTML如何对齐多个表单中的文本框的实现

作者:admin @ 24资源网   2024-11-04

本站所有软件、源码、文章均有网友提供,如有侵权联系308410122@qq.com

与本文相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。