开发者社区> 问答> 正文

css按钮怎么居中

css按钮怎么居中

展开
收起
云计算小粉 2018-05-10 20:05:45 2722 0
1 条回答
写回答
取消 提交回答
  • 天道酬勤
    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对里面的非块状子元素起到居中的效果
    2019-07-17 22:13:26
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载