Question

在做HTML网页时，DIV框架使用 margin:0 auto一直无法实现并排居中排列

代码如图~
本意是实现使 在大DIV框(divHtml)里的两个小DIV框(divGwy/divSfks)可以居中排列，但是不知哪里有漏，一直无法做到居中。 小可是新手，希望各位达人抬手解惑~

Answer 1

margin:0 auto需要定义了元素本身的宽度才会自动居中，你的ul并没有定义宽度

追问

大师，那么水平居中该如何才能做到呢~

追答

水平居中就是给ul加上宽度，例如 width:500px; 这样

Answer 2

margin:0 auto;是相对一个大的div，里面包的小的div居中的,一对一。你一个包两个怎么居中。。。单独设置吧，两个小的div设置浮动。用margin来调，或者两个小的div设置display:inline-block;大的div设置text-align:center;

追问

我包一个的时候， 也是不居中的；
另外我刚试了下您的方法， 加进去代码之后，测试没显示出作用啊~

Answer 3

为什么要在行内写样式呢？可以在大的div里写｛margin:0px auto;｝把大的div居中在浏览器里，然后你再单独的去设置div里面的元素。建议楼主不要在行内写样式。

Answer 4

ul需要定宽

追问

宽度定好了！
请问您，怎么才能做到平面居中呢（现在定宽之后可以做到水平居中了， 我还想做到垂直居中）~

追答

是整个UL垂直居中，还是内部文字？
前者设置父级元素display:table;然后子元素设置vertical-align:middle; display:table-cell;
后者的话设置行高等于容器的高就可以了

Answer 5

ul没有宽度。