一个奇怪的问题

[woshizhaoxuhui]

如下一段代码，第一个div中的button无法居中，二第二个div中的label可以居中；
但如果屏蔽第一个div，则第二个div中的label就无法居中，想请教这会是什么问题？这段代码是写在一个母版里的，会不会是母版影响？
<div style="width:800px;margin:0 auto;">
<cener />
<asp:Button ID="btnAdd" runat="server" Text="添加角色" />
</div>
<div style="width:100%;margin-left: auto;margin-right: auto;">
<center/>
<asp:Label ID="Label1" runat="server" Text="个人月度工作报告" Font-Bold="True"
Font-Names="宋体" Font-Size="15pt"></asp:Label>
</div>

[md5e]

<div style="width:100%;margin-left: auto;margin-right: auto;"> <center /> <asp:Button ID="btnAdd" runat="server" Text="添加角色" /> </div> <div style="width:100%;margin-left: auto;margin-right: auto;"> <center/> <asp:Label ID="Label1" runat="server" Text="个人月度工作报告" Font-Bold="True" Font-Names="宋体" Font-Size="15pt"></asp:Label> </div>

[md5e]

<div style="width:800px;margin:0 auto;"> <center /> <asp:Button ID="btnAdd" runat="server" Text="添加角色" /> </div> <div style="width:100%;margin-left: auto;margin-right: auto;"> <center/> <asp:Label ID="Label1" runat="server" Text="个人月度工作报告" Font-Bold="True" Font-Names="宋体" Font-Size="15pt"></asp:Label> </div>

[woshizhaoxuhui]

修改错误后，第一个div中的button仍然不能居中啊。。。

[woshizhaoxuhui]

最困惑的地方就是在第二个div，有第一个时能居中，第一个div屏蔽掉后就不能居中了，感觉好像是有外部影响似的

[小猪八Q]

浏览器兼容性问题，实测Chrome浏览器下，没有问题，显示正常。 是第一个div的margin：0 auto;没有起作用，也就是第一个div没能居中显示，而他里面的内容是相对div居中显示的。

[md5e]

引用 3 楼 woshizhaoxuhui 的回复:

修改错误后，第一个div中的button仍然不能居中啊。。。

你改对没有,三个浏览器都没有问题

[lyx266]

<div style="width:800px;margin:0 auto 0 auto; text-align:center;">

[woshizhaoxuhui]

所以我觉得很有可能是母版有影响

[md5e]

引用 8 楼 woshizhaoxuhui 的回复:

所以我觉得很有可能是母版有影响

发你浏览器生成后的html源代码出来才知道

[天空丶蒋]

<div style="width:800px;margin:0 auto;"> <cener /> <asp:Button ID="btnAdd" runat="server" Text="添加角色" /> </div> <div style="width:100%;margin-left: auto;margin-right: auto;"> <center/> <asp:Label ID="Label1" runat="server" Text="个人月度工作报告" Font-Bold="True" Font-Names="宋体" Font-Size="15pt"></asp:Label> </div> 明明第一个居中有问题！！没看出来？？