怎么让一个不定宽高的div水平居中，垂直水平居中？

一开始，我看到这个问题的时候，心里想这么简单，不就是margin:0 auto吗，再仔细看题目的时候，我去，不定宽高，什么鬼，于是，只能自己动手，亲手实验了。

1、利用弹性布局，这是我认为最简单的且容易理解的方法

html:

< body >

< div class= "one" >

< div class= "two" >wo div >

< div class= "three" >shi div >

< div class= "four" >xian div >

< div class= "five" >yu div >

div >

body >

css:

效果：

2、利用css3和定位的方法

html：

< body >

< div class= "one" >

< div class= "two" >wo div >

div >

body >

css:

效果：

3，利用css

html ：

< body >

< div class= "one" >

< div class= "two" >wo div >

div >

body >

css:

效果：

注意点：一定要在子盒子里面添加内容，因为子盒子的div本身是没有宽高的，如果你不加内容，根本无法实现效果