头闻号

东莞市恒泰化工有限公司

热稳定剂

首页 > 新闻中心 > 科技常识:用CSS让按钮居中显示的思路及代码
科技常识:用CSS让按钮居中显示的思路及代码
发布时间:2024-12-23 19:53:43        浏览次数:5        返回列表

今天小编跟大家讲解下有关用CSS让按钮居中显示的思路及代码 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关用CSS让按钮居中显示的思路及代码 的相关资料,希望小伙伴们看了有所帮助。

就是做到类似于下图这种效果 通过简单的Css样式就可以实现 复制代码代码如下: <div style="margin:0 auto;width:200px;"> <input class="submit"id="btn"type="submit"value="注册"/> </div> 使用margin-left:auto;margin-right:auto; 可以让你的div居中对齐。 .style{margin-left:auto;margin-right:auto;} 缩写形式为: .style{margin:0 auto;} 数字0 表示上下边距是0。可以按照需要设置成不同的值。 后面的那个width也是个很重要的属性 因为按钮的宽度非常小 所以要设置一个合适的width值才可以让你的按钮居中显示哦~

来源:爱蒂网