通过简单的css样式让按钮居中显示

ttx9n · 发表于 2014-2-8 16:59:51

让按钮居中显示的方法有很多，下面为大家介绍下使用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值才可以让你的按钮居中显示哦~

JosephSA · 发表于 2022-9-20 01:47:09

刷屏刷屏刷屏

w18pvaep · 发表于 2022-12-15 14:41:41

下载来瞧瞧

gyalp · 发表于 2023-8-24 07:23:30

感谢楼主分享

5ble0ks · 发表于 2023-10-22 23:40:10

66666666666

额呵呵 · 发表于 2023-10-24 04:18:30

啦啦啦啦啦啦哈哈哈

w18pvaep · 发表于 2023-11-8 01:34:12

66666666666

gc4hg · 发表于 2023-11-28 09:13:40

收下来看看怎么样

a75620618 · 发表于 2024-4-7 00:55:22

vcxvcxv

a971560 · 发表于 2024-6-4 02:11:37

哈哈哈哈哈哈哈

账号		自动登录	找回密码
密码			立即注册

[CSS] 通过简单的css样式让按钮居中显示