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

div居中

912

2023/6/20 10:41:52

栏目: 编程语言

使用margin属性，设置左右margin为auto，上下margin为0，可以使div居中。
使用flex布局，将父元素设置为display:flex，justify-content:center，align-items:center，可以使子元素居中。
使用绝对定位，将div的left和top属性设置为50%，再加上负的margin值，可以使div居中。
使用transform属性，将div的position属性设置为absolute，left和top属性都为50%，再加上translateX(-50%)和translateY(-50%)，可以使div居中。
使用table布局，将div的display属性设置为table，再将父元素的text-align和vertical-align属性都设置为center，可以使div居中。

最新知识库