替换<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

回答

相关问题