替換<center>

這已被其他人問過，但我從來沒有見過足夠的答案。是否有<center>標籤的有效替代品？替換<center>

我知道那裏有margin: 0 auto;，但那需要設置寬度。還有align="center"，但我相信那也是無效的代碼。

有沒有像<center>那樣簡單的東西有效？即使不推薦使用它，但仍有極少數情況下仍會使用它。就在今天，我最終使用了一個<center>來將需要居中在網頁上的一個按鈕居中。是的，我可以設置寬度，並給它margin: 0 auto，但是這對於將一個單一元素集中起來有很多工作，並且會使我的代碼變得更加糟糕，我以保持有序爲榮。我不明白爲什麼<center>首先被棄用，如果沒有任何東西被替換掉。

謝謝！

來源

2012-07-13 JacobTheDev

的可能重複[HTML：替換

（http://stackoverflow.com/questions/1926864/html-replacement-for-center） – 2012-07-14 04:22:20

text-align: center是你應該用什麼。實際上，理想的方式是這樣的：

.center { 
    text-align: center; 
} 
.center > div, .center > table /* insert any other block-level elements here */ { 
    margin-left: auto; 
    margin-right: auto; 
}

顯然，它並不像您希望的那麼簡單。

就個人而言，我只是用：

.center {text-align: center;} 
.tmid {margin: 0px auto;}

在需要的地方然後應用類。

來源

2012-07-13 20:43:50

-1

text-align: center是等效CSS

來源

2012-07-13 20:43:33 Cfreak

沒有。嘗試將一個塊級元素放在一個'

'中，你會發現元素本身是居中的。 – 2012-07-13 20:44:12

如果沒有中心標籤，將元素居中並不那麼容易。

爲此，您需要做的是，在IE6的作品，甚至一個解決辦法：你需要的元素周圍一個div包裝

要居中並使用text-align:center; width:100%。此DIV你把另一個股利和設置margin自動和text-align:left;

<div style="text-align:center; width:100%"> 
    <div style="margin:auto; text-align:left;"> 
     This Container is centered 
    </div> 
</div>

如果你只是要居中文本，您可以使用<p style="text-align:center;"></p>

這是核心。爲了簡化的東西，你可以使用一個類本（如Kolink寫道）：

CSS：

.center { 
    text-align:center; 
    width:100%; 
} 
.center:first-child { //doesn't work in IE 6 
    margin:auto; 
    text-align:left; 
}

HTML：

<div class="center"> 
    <div> 
     This Container is centered 
    </div> 
</div>

來源

2012-07-13 20:53:06 WolvDev

爲什麼<center>已被棄用的原因是，它是不是一個語義標籤，而是表現性的，我們應該避免使用本質上沒有語義的HTML。

這與其他表示元素（如<b>,<i>等）已被棄用是一樣的原因，因爲在CSS中可以實現相同的方法。

來源

2012-07-14 18:11:37

這可能是有用的信息，但它根本不回答問題。 – 2015-09-23 21:27:53

-1

這是PHP-STORM報價：使用這樣的：

<div style="text-align: center;"></div>

來源

2015-09-23 19:22:26 javaddroid

置換中心標籤：（你應該這樣做既）

使用這種風格的父元素：

text-align：center;

使用這種風格對於當前元素：

保證金左：自動; margin-right：auto;

來源

2016-10-07 23:41:20 gnath

.centered { 
    margin-left: auto !important; 
    margin-right: auto !important; 
} 
* > .centered { 
    text-align: center !important; 
    display: block; 
}

來源

2017-01-07 03:36:34 Vino

最好在代碼中加入一些上下文/解釋，因爲這會使OP對未來的讀者更有用。 – EJoshuaS 2017-01-07 03:59:43

到中心I使用此元素：

.middlr { 
    display: block; 
    margin: auto; 
}

作品每/的任何元件。爲我工作。

來源

2017-09-01 18:35:18 ryanwaite28

我發現這個答案在博客上

<img src="bullswithhorns.jpg" alt="Michael with the bull" style="width:150px;height:200px;margin:0px auto;display:block">

Source

來源

2017-09-15 22:06:35

回答

相關問題