css DIV 横向居中 DIV+CSS

赌神

CSS如何横向居中？
你需要定义元素的宽，并且定义横向的margin，如果你的布局包含在一个层(容器)中，就象这样：
#wrap {width:760px; margin:0 auto;}
但是IE5/Win不能正确显示这个定义，我们采用一个非常有用的技巧来解决：用text-align属性。就象这样：
body {text-align:center;}
#wrap {width:760px; /* 修改为你的层的宽度 */ margin:0 auto; text-align:left;}
第一个body的text-align:center; 规则定义IE5/Win中body的所有元素居中(其他浏览器只是将文字居中) ，
第二个text-align:left;是将#warp中的文字居左。
margin:0 auto;
按照前面的说明，可以知道，表示上下边距为0，左右为自动，因此该层就会自动居中了。
如果要让页面居左，则取消掉auto值就可以了，因为默认就是居左显示的。
通过margin:auto我们就可以轻易地使层自动居中了。