在css中居中页面

我希望内容居中在页面中。但是，它似乎并不奏效。在css中居中页面

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/

有什么不对？

来源

2011-11-24 Grimm

你想要什么？ #links中的文本需要居中，请检查更新的版本[jsfiddle]（http://jsfiddle.net/URdTD/4/） – punit

这种风格添加到div：

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

来源

2011-11-24 08:04:26

如果我想保持div的宽度并居中，该怎么办？ – Grimm

编辑我的答案 –

要删除甚至一个多行，你可以使用

margin: 0 auto;

只要记住，你需要有你想要的元素上的宽度中央。

来源

2011-11-24 09:42:58

这个dosnt的工作，如果你有“浮动：左”的元素，你想居中。

请记住，内容应该有 1）margin：0 auto; 2）宽度：一些像素; 3）没有浮标

来源

2011-11-24 10:41:24

在css中居中页面

回答

相关问题