在这种情况下如何修复css填充？-howtofixthecsspaddinginthissituation?

Try displaying your buttons as inline-block. Right now, they are rendered as inline, which means they do not have their own box model and can get broken up into multiple lines.

尝试将按钮显示为内联块。现在,它们被渲染为内联,这意味着它们没有自己的盒子模型,可以分解成多行。

With inline-block, elements are still displayed in line, side-by-side, but they also have the box model of a block element.

使用内联块,元素仍然是并排显示的,但它们也具有块元素的盒子模型。

.share_buttons a {
    display: inline-block;
}

Add float:left; to the .share_buttons a{} css.

添加浮动:左;到.share_buttons a {} css。

And to keep on one line add a fixed width to the container div width:608px; to .share_buttons

并保持一行固定宽度到容器div宽度:608px;到.share_buttons

Here is the fiddle: https://jsfiddle.net/b9qr9uab/1/

这是小提琴:https://jsfiddle.net/b9qr9uab/1/

It looks to me like it would be an issue because of the width of the items not being set. So it doesn't know where to break correctly as it doesn't know the width of the item.
I fixed this by explicitly setting the widths and then because the facebook is wider I have set the width within the ID selector. Not perfect but it works.
You also have a large padding underneath that causes it to push down the items so I brought it down to 20px rather than 90px.

它看起来像是一个问题,因为没有设置项目的宽度。所以它不知道在哪里正确打破,因为它不知道项目的宽度。我通过明确设置宽度来解决这个问题,然后因为facebook更宽我在ID选择器中设置了宽度。不完美,但它的工作原理。你下面还有一个大的衬垫,导致它向下推动物品,所以我把它降到20px而不是90px。

.share_buttons{
    //margin-top: 9px;
    //line-height: 4.4;
    font-size: 12px;
}

    .share_buttons a{
        display: inline-block;   
        width: 32px;
        color:#fefefe;
        background:#7f98cf;
        padding: 6px 15px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 12px;
        margin-left:4px;
        margin-bottom:20px; 
        text-decoration:none;   
        text-align: center;
        cursor:pointer; 

    }
    .share_buttons a#facebook{
        background:#3b4ca4;
        width: 200px;
    }
    .share_buttons a#plus_share{
        background:#5976B5;

    }
    .share_buttons a#twitter{
        background:#73c6f1;
    }
    .share_buttons a#google_plus{
        background:#cb0000;
    }
    .share_buttons a#tumblr{
        background:#386082;
    }
    .share_buttons a#reddit{
        background:#c1c1c1;
        color:#333;
    }
    .share_buttons a#linkedin{
        background:#00649e;
    }
    .share_buttons a#pinterest{
        background:#e30000;
    }
    .share_buttons a#stumbleupon{
        background:#eb4924;
    }
    .share_buttons a#envelope{
        background:#65c093;
    }