css如何实现按钮居中显示

阅读 10204  ·  发布日期 2020-08-24 11:45  ·  温州优光网络科技有限公司|建站|APP小程序制作|做网站SEO推广优化
【摘要】 先来看下效果:(推荐教程:CSS教程)通过简单的Css样式就可以实现 使用margin-left:auto;margin-right:auto; 可以让你的div居中对齐。.style{margin-left:auto;margin-right:auto;} 缩写形式为: .style{margin:0 auto;}... 【温州小程序开发,温州微信公众号,平阳做网站,平阳网站建设公司,平阳小程序商城制作,昆阳万全做网站,鳌江水头小程序,萧江腾蛟微信公众号,山门顺溪南雁海西南麂凤卧麻步怀溪网络网店服务,政采云网店管理服务】...

css如何实现按钮居中显示

先来看下效果:
(推荐教程:
CSS教程)通过简单的Css样式就可以实现
使用margin-left:auto;
margin-right:auto;
可以让你的div居中对齐。
.style{
margin-left:auto;
margin-right:auto;
}
缩写形式为:
.style{
margin:0 auto;
}
数字0 表示上下边距是0。
可以按照需要设置成不同的值。
后面的那个width也是个很重要的属性,因为按钮的宽度非常小,所以要设置一个合适的width值才可以让你的按钮居中显示。
以上就是css如何实现按钮居中显示的详细内容,更多请关注php中文网其它相关文章!
微信
分享相关标签:
css 按钮 居中显示本文转载于:
csdn,如有侵犯,请联系a@php.cn删除
上一篇:
如何实现图片抖动效果
下一篇:
CSS如何清除浮动?3种方法介绍相关文章相关视频怎样使用CSS让DIV居中显示怎样让css图片居中显示用CSS实现DIV水平居中显示css如何设置元素水平垂直居中显示css如何实现按钮居中显示使用CSS3渐变、倒影属性使用CSS3多列布局属性使用CSS3服务器端字体属性 [做网站css教程]