Div+Css如何实现整体居中？

答案:5 悬赏:30 手机版

解决时间 2021-11-28 16:29

提问者网友：流星是天使的眼泪
2021-11-27 19:44

Div+Css如何实现整体居中？

最佳答案

五星知识达人网友：刀戟声无边
2021-11-27 19:58

主要的样式定义如下：

　　body {TEXT-ALIGN: center;}
　　#center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; }
　　说明：
　　首先在父级元素定义TEXT-ALIGN: center;这个的意思就是在父级元素内的内容居中；对于IE这样设定就已经可以了。但在mozilla中不能居中。
　　解决办法就是在子元素定义时候设定时再加上“MARGIN-RIGHT: auto;MARGIN-LEFT: auto; ”
　　需要说明的是，如果想用这个方法使整个页面要居中，建议不要套在一个DIV里，可以依次拆出多个div，只要在每个拆出的div里定义MARGIN-RIGHT: auto;MARGIN-LEFT: auto; 就可以了。

全部回答

1楼网友：忘川信使
2021-11-27 23:50

margin:0 auto;

2楼网友：枭雄戏美人
2021-11-27 22:27

如何用css样式完全来实现网页整体居中？ IE浏览器的话，在BODY中设定text-align:center;就可以。但是在FIREFOX浏览器中，还不知道。

3楼网友：十鸦
2021-11-27 21:07

给body设置0边距！然后设置你那个最外边的div给他设置margin:auto 0px;属性！意思是外边距左右自动适应！也就是居中！上下边距为0；

4楼网友：蕴藏春秋
2021-11-27 20:06

maring:0 auto;width:1000px;
margin:0 auto是居中，但div是块元素，你不设宽度，它默认宽度是100%，谈何居中，所以你还要加一个宽度，才可以

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！