替代HTML的CSS替代方案<center>

我一直在尝试将一堆元素集中一小会儿。当我遇到<center>元素时，当我尝试它时，我非常兴奋，因为它的工作方式正是我想要的。但后来我发现它已经被HTML5弃用了。当我研究它时，所有的东西都只是用CSS来集中你的文本，但我不仅试图集中文本，而且还尝试了一些不同的元素。替代HTML的CSS替代方案<center>

<div class="col-lg-1 col-mid-2 col-sm-3 col-xs-4"> 
    <center> 
    <button type="button" class="btn btn-primary circle" data-toggle="button" aria-pressed="false" autocomplete="off"> 
     <img src="assets/img/img.png"> 
    </button> 
    <p>Some Text</p> 
    </center> 
</div>

一切我读告诉我使用方法：

margin:0px auto;

但是，这并不具有相同的影响作为<center>元素一样。

来源

2015-04-04 Andrew Pullins

实际上，它在HTML5中已经过时了，而不仅仅是弃用。 – Rob 2015-04-04 13:02:50

示例 - margin：0px auto;宽度：200像素; – yogihosting 2015-04-04 13:11:01

主要浏览器仍支持该元素，以提高兼容性。但它已经过时了，就像Rob说的那样，因为HTML的重点是代表文档**结构**，而样式是CSS的用途。你可能会发现'

'仍然有效并且非常方便，但是我建议你在学习CSS时付出一些努力。 – Leo 2015-04-18 05:55:24

您可以使用text-align:center;但所有的子元素都需要有display: inline或display:inline-block

例子，你的情况：

.col-lg-1 { text-align:center; } 
p, button { display:inline-block; }

来源

2015-04-04 06:00:02 Marius

可以让外部容器（只要它的块级）集到margin：auto然后text-align：center来覆盖任何内联元素。

div{ 
    margin:auto; 
    text-align:center; 
}

来源

2015-04-18 05:06:07 carinlynchin

替代HTML的CSS替代方案<center>

回答

相关问题