css - 使用css将块移动到中心

Question

我在我的 Rails Web 应用程序的视图页面中有一个部分，它只不过是一个显示 facebook like、twitter 推文和其他共享选项的代码。代码是这样的： -

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_pinterest_pinit"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-50effbad1fc26ade"></script>
<!-- AddThis Button END -->

我想把这个 div 移到中心。所以我的css代码是这样的：

 .center {
text-align: center;
}

然后我将其添加<div class="center">到我的代码中......

但它的节点移动一切中心。可能是什么原因？？

提前致谢...

Answer 1

尝试为 .center 的宽度设置一个值！为方便起见，您可以使用背景颜色来关注不同的 div 有什么不同。

.center {
text-align: center;
width: 70%

/*For the sake of understanding divs sometimes background color helps*/
background-color:#b0e0e6;

}