嵌套 div 不能居中的解决方法
本文发布于 16 年前，部分内容可能已经失去参考价值。
习惯于 IE6/7 页面设计的朋友都知道,下面的代码实现了在宽频显示器下所有页面内容居中显示,文字在内部靠左显示:
Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/
--><div style="width: 100%; text-align: center;">
<div style="width: 1000px; text-align: left;">
文字
</div>
</div>
而在支持 web 标准的浏览器中显示却有可能居中无效,这时只要在内部的 div 的 style 加上 margin:auto 就行了.
Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/
--><div style="width: 100%; text-align: center;">
<div style="width: 1000px; text-align: left; margin: auto;">
文字
</div>
</div>
效果:
文字
文字
文字
文字
文字
文字
文字
文字
文字
匿
转自
网络（如侵权请联系删除）
17 年前
可能相关的内容
![[图书]ASP.NET Core 学习之旅](http://cdn.xoyozo.net/net.xoyozo/promotion/taobao/787219598755.jpg?x-oss-process=image/resize,w_300/format,jpg)