开发者社区> 问答> 正文

css按钮怎么居中

云计算小粉 2018-05-10 20:05:45 686

css按钮怎么居中

前端开发
分享到
取消 提交回答
全部回答(1)
  • skycai
    2019-07-17 22:13:26
    1、display: block; margin: 0 auto; width: 200px; 也就是设置成块状同时声明了宽度,并且左右边距自适应就会居中了 2、position: absolute; left: 50%; width: 200px; margin-left: -100px; 也就是设置成绝对定位,同时在距离左边偏移50%的基础上再往左拉回宽度的一半 3、按钮的外层容器设置text-align: center;同时按钮设置成display: inline-block; 因为text-align对里面的非块状子元素起到居中的效果
    0 0

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程