温馨提示×

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

小亿
104
2023-06-13 10:41:52
栏目: 编程语言

  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居中。

0