擺脫<center>標籤

我試圖擺脫<center標籤在我的HTML，但顯然它並不是那麼容易在某些情況下。擺脫<center>標籤

這個回答：HTML: Replacement for <center> 也沒有爲我工作。

下面的示例應該集中Foo和Bar，但它不以Bar爲中心。這裏有什麼問題？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>Title</title> 
</head> 

<body> 

<div style=" margin: 0 auto; text-align:center;"> 
Foo 
<table> 
    <tr> 
     <td>Bar</td> 
    </tr> 
</table> 

</div> 

</body> 

</html>

如果我更換<div>與<center>然後一切正常indended，但<center>標籤已經過時......

來源

2011-08-27 rmflow

表是否有一個固定的寬度？ –

您當前的代碼中心包含div，但因爲它具有width: auto（默認值），它擴展填補可用的水平空間。這意味着被集中在一起，如同左邊（或右邊）對齊一樣。如果你想要中間那個元素，給它一個寬度......但它看起來不像你想要做的那樣。

如果要將內聯內容（例如文本「Foo」）居中，則在容器上應用text-align。

如果要將塊內容（如該表格）居中，則將使用的自動頁邊距應用於該塊內容（而不是容器）。

另請參見Centring using CSS

來源

2011-08-27 12:21:54 Quentin

謝謝！這是問題！在將樣式應用於表格後，「酒吧」正確居中。 – rmflow

擺脫<center>標籤

回答

相關問題