用CSS让按钮居中显示的思路及代码

ttx9n · 发表于 2014-6-12 10:06:07

这篇文章主要介绍了如何通过CSS让按钮居中显示，这里的width是个很重要的属性，因为按钮的宽度非常小，所以要设置一个合适的width值才可以让你的按钮居中显示就是做到类似于下图这种效果

通过简单的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值才可以让你的按钮居中显示哦~

plvo189 · 发表于 2022-8-18 20:25:50

谢谢楼主分享

idy6_yus · 发表于 2022-11-9 18:02:58

hi哦和烦恼农家女

cxst1h57 · 发表于 2022-12-8 03:57:14

的沙发水电费水电费

qzdhcgs · 发表于 2022-12-12 08:32:59

看看看看看看看看看看看看看看看看看看看看看看看看看看看

123456 · 发表于 2022-12-17 15:10:29

66666666666666666666

雪龙Ui79 · 发表于 2023-2-11 03:58:18

大家都不容易！

95nd4ba · 发表于 2023-8-22 05:54:04

需要很久了终于找到了

q42obh · 发表于 2023-11-10 00:29:48

加快速度很快就撒谎

czoz5y · 发表于 2023-11-25 10:48:25

可以，看卡巴

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

[CSS] 用CSS让按钮居中显示的思路及代码

相关帖子