1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 如何用CSS让按钮居中显示

如何用CSS让按钮居中显示

时间:2022-03-29 19:48:13

相关推荐

如何用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值才可以让你的按钮居中显示哦~

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。