有沒有一種方法或標籤可用來居中任何HTML元素？

是否有任何代碼或標籤可用於集中任何HTML元素？我現在所知道的唯一方法是反覆調整填充和邊距（左側）以將元素推到大致居中的位置。我知道你可以集中文本，但這似乎不適用於其他元素，如divs，對象等。有沒有一種方法或標籤可用來居中任何HTML元素？

爲了使頁面的內容中心嘗試使用

body{ margin:0 auto;}

對齊文本中心使用

p{text-align:center} or div p{text-align:center;}

通過使用HTML標籤的文本

<center>your text goes here</center>

您可以創建一個類，你可以寫你的CSS像

<div class="align-center">Your text goes here</div> 
.align-center { text-align:center; } or .align-center { margin:0 auto; }

有很多方法可以使元素居中，它完全取決於你創建了什麼樣的佈局以及你想要創建什麼樣的元素。一般來說，通過使用CSS我們可以使我們的元素中心或根據我們的要求。如果你有任何特殊的情況，然後問。

2012-03-06 16:08:48 w3uiguru

這是我正在處理的頁面。我希望Facebook的評論部分是集中的。 http://newmedia.leeds.ac.uk/ug10/cs10mm/youtube.html – 2012-03-06 16:31:17

嗯讓我看看親愛的.. – w3uiguru 2012-03-06 16:46:06

在CSS中，代碼是{text-align:center;}。

您可以用兩種方式在HTML中做到這一點，儘管這不是一個好習慣。一個是<div align='center'>，另一個是<center>thing to center</center>

2012-03-06 16:02:18 CoffeeRain

對於div的嘗試：

body { 
    text-align: center; 
    min-width: 600px; 
} 

#wrapper { 
    margin:0 auto; 
    width:600px; 
    text-align: left; 
}

基本上 - 你的包裝格邊距設置爲auto幾乎總是工作，以及你想在div文本對齊中心以其爲中心。

在HTML

<center> </center>

效果很好。

2012-03-06 16:03:18 AshBrad

嘗試margin: 0 auto;

實施例：

2012-03-06 16:03:20 anothershrubery

-1

我假定你的意思：你有一個div id爲X，高度= H，寬=要水平居中W和垂直相對於父容器C（即C必須用位置：相對定義）

在你的CSS文件中，你應該像這樣定義X的類：

#X{ 
position: absolute; 
top: 50%; 
left: 50%; 
margin-left: -(W/2)px; 
margin-top: -(H/2)px; 
}

2012-03-06 16:04:24 arc

絕對不要使用position：絕對不必要的。 – sandeep 2012-03-06 16:09:44

從我的經驗，中心的元素，最好的辦法是通過設置CSS是這樣的：

width: 300px; /* You actually have to set the width! */ 
margin: 0px auto; /* margin-top & bottom = 0, margin-left & right = auto */

爲中心，您的simpy使用text-align: center;文本。

2012-03-06 16:05:11

回答