Question

我已将添加共享按钮添加到页面here，并且我无法在div宽度上获得相等的边距/分布，因此右侧有一个间隙，其中考虑了流体宽度。

我尝试了不同百分比的比例边距/填充，但似乎无法使其响应。

这是CSS，其余部分可在检查员中查看：

.bg.social {
border: 1px solid #FCFCFD;
padding: 15px 0;
background: #E4E4E4;
text-align: center;
width: 94%;
margin: 0 0 2em;
height: 32px;
}

.bg.social a {
margin: 0 4%;
padding: 0;
float: none;
}

.addthis_toolbox {
margin: 0 2%;
}

更新：使用以下内容，与Bartdude的答案相同：

.bg.social a {
padding: 0 3%;
display: inline-block;
}

.bg.social {
border: 1px solid #FCFCFD;
padding: 15px 0;
background: #E4E4E4;
text-align: center;
width: 95%;
margin: 0 0 2em;
}

Answer 1

尝试将margin设置为

.addthis_toolbox {
     margin: 0 10%; // from 2 to 10%
}

Answer 2

.addthis_toolbox {
    margin: 0 5%;
}

Answer 3

我清除了父母和子女div中的所有边距和div。然后：

.bg.social a { width:20% }// divided to 5 equal part

并且确定了.addthis_toolbox.addthis_32x32_style span {{/ p>

.addthis_toolbox.addthis_32x32_style span {margin-left: 20px;}

一切都很好。

Answer 4

基本上，您想要的是能够在按钮链接上使用text-align:center。问题是你不能这样做，因为你浮动它们让它们并排出现。

然后我会建议将这些锚点的显示更改为display:inline-block（虽然旧的IE版本不支持它但要小心......我觉得自己并不重要，但也许你的目标受众正在使用它），这样你们都可以使用父级的text-align:center，并且每个锚点周围都有一个边距。

或者，我建议只放右边距或左边距，并使用CSS伪类:last-child或:first-child，以便第一个或最后一个元素没有该边距。这实际上不应该没有明显区别，但你的CSS会更干净和现代......

Answer 5

试一试，添加到你的css：

div.foraddthis {
    text-align: center;
    width: 100%;
}
.addthis_toolbox {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: inline-flex;
}
.addthis_default_style .at300b {
    float: none;
}

和HTML：

<div class="foraddthis">
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style addthis_32x32_style"> <a class="addthis_button_facebook"></a>
    <a class="addthis_button_twitter"></a>
    <a class="addthis_button_google_plusone_share"></a>
    <a class="addthis_button_pinterest_share"></a>
    <a class="addthis_button_tumblr"></a>

</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-529d1f4f354abd32"></script>
</div>
<!-- AddThis Button END -->

演示：http://jsfiddle.net/vPw7u/

添加共享填充/边距

5 个答案: