Linux 拨号vps windows公众号手机端

css实现div居中的方法有哪些

lewis 6年前 (2019-03-19) 阅读数 8 #程序编程
文章标签 div居中

  1. 使用margin属性,设置左右margin为auto,上下margin为0,可以使div居中。

  2. 使用flex布局,将父元素设置为display:flex,justify-content:center,align-items:center,可以使子元素居中。

  3. 使用绝对定位,将div的left和top属性设置为50%,再加上负的margin值,可以使div居中。

  4. 使用transform属性,将div的position属性设置为absolute,left和top属性都为50%,再加上translateX(-50%)和translateY(-50%),可以使div居中。

  5. 使用table布局,将div的display属性设置为table,再将父元素的text-align和vertical-align属性都设置为center,可以使div居中。

版权声明

本文仅代表作者观点,不代表米安网络立场。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门