为什么div居中(div在div居中)

为什么div居中,div在div居中

内容导航：

关于div居中的问题

网页居中问题

div水平居中问题

css中div的居中问题

一、关于div居中的问题

对于div容器来说，在定义了宽度的情况下，使用margin:0 auto样式是最好的解决办法。这个样式在不同浏览器中兼容性也是最好的。

12

text-
align样式，只是让标签中的文字居左，居中或居右显示，无法针对标签本身起到居中效果。“lyz810”所说，通过绝对定位，这种方法，没有特别要求，不建议使用，使用绝对定位后，当前层将脱离外围框架，其下面的层将会上移，会有一部分隐藏在绝对层后面的，除非你再定义一个和当前层同级的div来进行占位作用。

二、

网页居中问题

我看了百度关于这个问题的回答，知道可以使居中的方法。
我想问的是，如果页面里有两层，一个在左边，一个在右边，大小固定但不一样大。
怎么办？说的有点乱。

总而言之，就是如何让层既居中，又让不同的层在设计好的位置。给我发消息，我给你详细解答。
css:body{margin:0;paping:0;text-align:center;}#wrapper{margin:0
auto;width:960px;text-
align:left;overflow:hipen;}#left{float:left;width:160px;}#right{float:right;width:800px;}html:

大致如此。
知道你的意思仔细看清楚咯 首先在最外面定义一个层记住其它层都要在那个层里面如:

层一内容

层二内容

层三内容

然后给最外面的那个层设置一个ID然后写CSS样式#Layer999 { position:relative; //把它设为容器的意思 width:1003;
//宽度随你定 left:expression((th-15)/2);
//居中的代码}写好之后里面的层会随着外面的层居中而布局不会发生改变啦你所有div外面应该再加一个: …
这样控制比较好.就像你说的“页面里有两层，一个在左边，一个在右边”，你可以把两个层的外面再套一个大的层（就是一个页面里面有个层，那个层里面又有两个小层），然后设置大的层居中div嵌套~
可以把位置定死~~00

三、div水平居中问题

我用MyEclipse做jsp网页，是拿到Adobe Dreamweaver CS3中去编辑的，在之中用DIV在body中设置居中，在Adobe
Dreamweaver
CS3编辑器中查看时居中了，在MyEclipse中也居中了，但是在我本机IE6.0（xp系统）中查看就是不能居中，这是什么原因，大家帮个忙解决，谢谢！我用MyEclipse做jsp网页，是拿到Adobe
Dreamweaver CS3中去编辑的，在之中用DIV在body中设置居中，在Adobe Dreamweaver
CS3编辑器中查看时居中了，在MyEclipse中也居中了，但是在我本机IE6.0（xp系统）中查看就是不能居中，这是什么原因，大家帮个忙解决，谢谢！MyEclipse写的JSP页面，没有HTML页面表头再者，DW中设置body居中，那都是几年的前的方法了，你也太落伍了。
很简单的，就是body{text-align:center;}，这是你视图模式下设置居中生成的CSS代码。
之后需要你在body标签，也就是下级的标签，例如是一个

那么，你就在其CSS代码中加入{margin:0 auto;}这样就可以了。
思路就是在最外围的标签中加入{margin:0 auto;}，它的意思是上下距离为0，左右距离自动适应。
从而产生居中。
MyEclipse写的JSP页面，没有HTML页面表头再者，DW中设置body居中，那都是几年的前的方法了，你也太落伍了。
很简单的，就是body{text-align:center;}，这是你视图模式下设置居中生成的CSS代码。
之后需要你在body标签，也就是下级的标签，例如是一个

那么，你就在其CSS代码中加入{margin:0 auto;}这样就可以了。
思路就是在最外围的标签中加入{margin:0 auto;}，它的意思是上下距离为0，左右距离自动适应。
从而产生居中。

四、css中div的居中问题

我想让div2在div1中居中，设置了text-align:center样式。
但是div2及他的子标签都继承了text-align:center这个样式。
我想让div2在div1中居中，又想让div1的所有子标签不继承text-
align:center这个样式，该如何做。按照你写的伪类名写样式你添加到里面看看效果：框架部分：
文字不居中了吧，继续努力！样式部分：#div1{margin:0 auto; width:500px; height:200px; background-
color:#FF0}#div2{ margin:0 auto; width:300px; height:100px; background-
color:#F00}希望能够为你解决问题。
。
。
margin:0 auto; 用这个设置 还要把宽度定好一：(不推荐) 二：(推荐)将div2设置想要的宽度,比如： 块状元素左右居中，第一选择
margin-left:auto; margin-right:auto; text-align:center非块状元素居中用再给子DIV指定左对齐样式,如: