如何用CSS让按钮居中显示
2014-02-02 12:04
726 查看
就是做到类似于下图这种效果
通过简单的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值才可以让你的按钮居中显示哦~
通过简单的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值才可以让你的按钮居中显示哦~
相关文章推荐
- css如何让两个并列的按钮 水平居中显示
- css中绝对定位的元素如何让其居中显示
- 浅谈css中一个元素如何在其父元素居中显示
- 如何使带背景图片的Button按钮中的文字居中偏上显示
- 纯CSS如何让图片以及DIV垂直居中显示?
- 如何使带背景图片的Button按钮中的文字居中偏上显示
- 浅谈css中一个元素如何在其父元素居中显示
- CSS 如何让li横向居中显示
- 浅谈css中一个元素如何在其父元素居中显示
- CSS 如何让li横向居中显示
- CSS如何让一个按钮居中应该怎么做
- div+css中如何让图片垂直居中显示
- css-当图片宽度大于父元素宽度时如何使图片居中显示
- 用CSS让按钮居中显示的思路及代码
- 一屏只显示横向排列的四张图片,如何控制点击“向下”按钮过快,导致出现图片不能在一屏中垂直居中显示?
- 如何用js和css美化input file 按钮,并且显示上传的文件名
- 浅谈css中一个元素如何在其父元素居中显示
- CSS 如何让li横向居中显示
- 浅谈css中一个元素如何在其父元素居中显示
- 浅谈css中一个元素如何在其父元素居中显示