如何让你的html button本身居中

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<html>
<body>
  
<center><button onClick="myClick()">hit me</button></center>
  
<script>
function myClick()
{
 alert("123");
}
</script>
</body>
</html>

或者：

1
2
3
4
5
6
7
8
9
10
11
12
13
<html>
<body>
  
<div align="center"><button onClick="myClick()">hit me</button></div>
  
<script>
function myClick()
{
 alert("123");
}
</script>
</body>
</html>

按钮水平居中

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

所以处理方式很简单，@ www.xuepai.net可以用以下两种方式：

方式一：

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

方式二：

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

 

posted @ 2026-01-08 20:53  zxcva  阅读(5)  评论(0)    收藏  举报