如何让您的htmlbutton自己居中的完工

这篇文章主要介绍了如何让你的html button本身居中的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

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

<html>
<body>

<center><button onClick="myClick()">hit me</button></center>

<script>
function myClick()
{
alert("123");
}
</script>
</body>
</html>

或者:

<html>
<body>

<p align="center"><button onClick="myClick()">hit me</button></p>

<script>
function myClick()
{
alert("123");
}
</script>
</body>
</html>

#FormatStrongID_0#

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

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

方式一:

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

方式二:

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

来源:本站

链接:https://www.jb51.net/web/731455.html

免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。