开发者社区> 问答> 正文

块级元素⽔平居中的⽅法?

展开
收起
前端问答 2019-12-15 16:56:44 869 0
1 条回答
写回答
取消 提交回答
  • 前端问答小助手

    margin:0 auto ⽅法

    .center{
    height: 200px;
    width:200px;
    margin:0 auto;
    border:1px solid red;
    }
    <div class="center">⽔平居中</div>
    
    

    flex布局,⽬前主流⽅法

    .center{
    display:flex;
    justify-content:center;
    }
    <div class="center">
    <div class="flex-div">1</div>
    <div class="flex-div">2</div>
    </div>
    
    

    table⽅法

    .```js center{ display:table; margin:0 auto; border:1px solid red; }

    ⽔平居中
    
    
    扩展:16种方法实现水平居中垂直居中https://louiszhai.github.io/2016/03/12/css-center/
    2019-12-15 16:59:01
    赞同 1 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载