alignmentdiv内的内容
我使用CSS样式文本alignment来alignmentHTML中容器内的内容。 这个工作正常，而内容是文本或浏览器是IE浏览器。 但是否则它不起作用。
也正如名字所暗示的那样，它基本上用来alignment文本。 align属性早已被弃用。
有没有其他的方法来alignmentHTML中的内容？
文本alignment将文本和其他内嵌内容alignment。 它不alignment块元素的孩子。
要做到这一点，你想给你想要的元素alignment的宽度，与'自动'左右边距。 这是符合标准的方式，除了IE5.x以外的其他地方。
<div style="width: 50%; margin: 0 auto;">Hello</div> 为了在IE6中工作，您需要确保使用合适的DOCTYPE启用标准模式 。
如果你真的需要支持IE5 / Quirks模式，现在你不应该这么做，可以把两种不同的方法结合起来：
<div style="text-align: center"> <div style="width: 50%; margin: 0 auto; text-align: left">Hello</div> </div>
（显然，样式最好放在样式表中，但内联版本是说明性的。）
你也可以这样做：
HTML
<body> <div id="wrapper_1"> <div id="container_1"></div> </div> </body>
CSS
body { width: 100%; margin: 0; padding: 0; overflow: hidden; } #wrapper_1 { clear: left; float: left; position: relative; left: 50%; } #container_1 { display: block; float: left; position: relative; right: 50%; }
正如Artem Russakovskii也提到的那样，请阅读Mattew James Taylor的原始文章以获得完整的描述。
老实说，我讨厌迄今为止所见到的所有解决scheme，我会告诉你为什么：他们似乎没有把它对准…所以这就是我通常做的：
我知道什么像素值每个div和他们各自的利润率持有…所以我做了以下几点。
我将创build一个具有绝对位置和左值50％的包装div …所以这个div现在开始在屏幕中间，然后我减去div的所有内容的一半宽度…并且我得到BEAUTIFULLY缩放内容…我认为这也适用于所有浏览器。 自己尝试一下（这个例子假设你网站上的所有内容都包含在一个使用这个包装类的div标签中，并且其中的所有内容都是200px宽）：
.wrapper { position: absolute; left: 50%; margin-left: -100px; }
编辑：我忘了添加…你也可能要设置宽度：0px; 在这个包装div的一些浏览器不显示滚动条，然后你可以使用所有内部div的绝对定位。
这也可以让你的内容垂直alignment，并使用top：50％和margin-top。 干杯!
以下是我使用的技术，运行良好：
<div> <div style="display: table-cell; width: 100%"> </div> <div style="display: table-cell; white-space: nowrap;">Something Here</div> </div>
<div class="content">Hello</div> .content { margin-top:auto; margin-bottom:auto; text-align:center; }
只是使用HTML和CSS的另一个例子：
<div style="width: Auto; margin: 0 auto;">Hello</div>
