在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中居中頁面

回答

相關問題