中国红客联盟国际站联盟介绍联盟架构联盟章程发展历程联盟邮箱积分VIP 捐助联盟收藏本站

: 门户首页; 交流社区BBS; 技术圈子Group; 关于我们; 红客大事记; 插件Plugin

当前位置:»交流社区 › 中国红客联盟【技术分享区】 › 编程脚本交流 › 如何让你的html button本身居中的实现

[前端] 如何让你的html button本身居中的实现

2211 0

黑夜隐士 2022-10-19 15:36:49 | 显示全部楼层 |阅读模式

如何让你的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居中内容请搜索中国红客联盟以前的文章或继续浏览下面的相关文章，希望大家以后多多支持中国红客联盟！

回复

使用道具举报

返回列表发新帖

: 黑夜隐士
创始人

1059

主题
329

粉丝
354

关注

这家伙很懒，什么都没留下！

发新帖

中国红客联盟公众号

联系站长QQ：5520533

admin@chnhonker.com

Copyright © 2001-2025 Discuz Team. Powered by Discuz! X3.5 ( 粤ICP备13060014号 )|天天打卡 本站已运行天