Div包含facebook喜欢和分享按钮两倍宽度

Question

我试图让包含facebook的div和分享按钮以及里面的文字显示有多少人喜欢它与内部的所有内容一样宽，但是div的宽度是内部显示的宽度的两倍，即使我将其显示为内联块。请帮忙：

.fb-like {
position: absolute;
border: 1px solid black;
display: inline-block;
bottom: -22px;
float: right;
}

<div class='fb-like' data-href='' data-layout='standard' data-action='like' data-show-faces='false' data-share='true'></div>

Answer 1

您是否尝试为width设置固定的div？

.fb-like {
    position: absolute;
    border: 1px solid black;
    display: inline-block;
    bottom: -22px;
    float: right;
    width: 100px; // added, change value to what you need it to be
}