Question

我希望内容在页面中居中。但是，它似乎不起作用。

CSS：

        body {
         text-align: center;
        }
        .velkommen {
            text-align: center;
            font-family: Verdana;
            font-size: 28px;
            width: 400px;
            background-color: rgb(240, 255, 240);
            -webkit-box-shadow: black;
            border-radius: 50px
        }
        #links {
            font-family: Verdana;
            width: 300px;
            padding: 5px 20px 5px 20px;
        }

HTML：

<div class="velkommen">Velkommen til min hjemmeside</div>
<div id="links">Links:<br>Random Page!</div>

在此测试：http://jsfiddle.net/URdTD/

有什么问题？

Answer 1

将此样式添加到div：

margin-left:auto;
margin-right:auto;

Answer 2

要删除另外一行，您可以使用

margin: 0 auto;

请记住，您需要在要居中的元素上设置宽度。

Answer 3

如果您对要居中的元素有“float：left”，则不起作用。

请记住内容应该有 1）保证金：0自动; 2）宽度：一些px; 3）没有花车

在css中居中页面

3 个答案: