html用户名垂直居中,html中的水平和垂直居中文本

如果你想得到垂直居中，我会建议在DIV中使用一个表格(正如Cletus建议的其他方式可能是单调乏味的)。

div.centered table {margin: 0 auto;} /* no width needs to be specified for table */

div.centered table td {vertical-align: middle;} /* replace this with vertical-align: top; to disable vertical centering */

Some text here

如果你只对水平居中(不垂直)有兴趣，你可以只用DIV：

div.centered div {margin: 0 auto; width: 300px;} /* some width MUST be specified to center a DIV. */

Some text here

正如你可能为了注意到水平对齐一个DIV一个DIV里面你也需要指定内部DIV的固定宽度。这可能不是你想要做的事情，所以总是可以使用第一个解决方案(带TABLE的解决方案)，并简单地删除“vertical-align：middle;”。当你想获得水平居中。

我测试了使用文档具有：

在IE7，FF 3.6和Safari 4.0.4