水平居中:给div设置一个宽度,然后添加margin:0 auto;属性。

div{ width:200px; margin:0 auto; }

绝对定位的div居中:

div { position: absolute; width: 300px; height: 300px; margin: auto; top: 0; left: 0; bottom: 0; right: 0; background-color: pink; /* 方便看效果 */ }

html怎么设置div里的div居中(面试基础12如何居中一个div)(1)

水平垂直居中一:

html怎么设置div里的div居中(面试基础12如何居中一个div)(2)

水平垂直居中二:

html怎么设置div里的div居中(面试基础12如何居中一个div)(3)

水平垂直居中三:

html怎么设置div里的div居中(面试基础12如何居中一个div)(4)

,