Question

div css如何实现子DIV水平居中？

代码在图中





Answer 1

这个应该不难吧，
<div style='padding-left:0;padding-right:0;background:red'>
<div style='margin-left:auto;margin-right:auto;width:200px;width:200px;background:blue;'>aaa</div>
<div style='margin-left:auto;margin-right:auto;width:200px;background:blue'>bbbb</div>
</div>

父div设置padding-left:0;padding-right:0;
子div设置margin-left:auto;margin-right:auto;还有子div一定的要设置一个宽度。

追问

感谢你的回答，我的css一点也不懂，你说的那些放在哪里呢？我的那个网站底部如图，

我想把那些一行一行垂直居中，比如分享按钮在最上面，下面一层是Powered信息，再下一层是Google的按钮，最底层是Copyright信息，希望你能帮忙

追答

只要你这几个元素是是包裹在div中，并且div没有设置定位position:absolute和没有设置float样式，这些div会自动换到下一行的，居中就用上面的样式，这样这些东西就按你想要的排列了。

分享按钮

Powered信息

Google的按钮

Copyright信息

垂直居中好像现在css还没有这个能做到的样式，虽然css3中有个vertical-align样式，但是大部分浏览器现在还不支持。

追问

你好，感谢你，按你的方法改了，现在的显示如图

是不是那个200px的宽度不够？

追答

恩，再加宽点，并且把里面的子div的的样式加上text-align:center

追问

是那4个子DIV里面吗？像这样吗 ?

追答

是的 ，你试试行不行。

Answer 2

div加固定宽度 如：
<div style="margin:0 auto;width:960px ">1111111111111111</div>
这样居中了

Answer 3

margin:0 auto; text-align:center

Answer 4

text-align:center;