Question

我想将两个div（facebook网站名称和facebook喜欢的/ share按钮）放在div的中间位置。我创建了一个主要的div：

.fb_div{
 background-color:black;
 width:250px;
 height:150px;
 position:absolute;
 left:20px;
 top:20px;
}

和两个div进入.fb_div

.facebook
{
 display: inline-block;
 margin-left:auto;
 margin-right:auto;
    color:#3b5998;
    font-family: Arial;
}
.fb_share
{
    margin-left:auto;
    margin-right:auto;
}

margin-left:auto;和margin-right:auto;无法帮助我将其置于中间位置。这是jsfiddle example

编辑：我无法将左侧位置设置为特定值，因为喜欢和分享按钮的宽度取决于文本（如果我从美国加入=喜欢或SLOVAK =páčissa mi）

Answer 1

如果您打算使用绝对定位，您可以这样做：

.facebook{margin-left: 70px; }
.fb-share{margin-left: 74px; }

http://jsfiddle.net/e9vpcok1/

Answer 2

.facebook和.fb_share都需要宽度。

width:80px; /*or such*/

虽然我也会删除显示：inline-block形成.facebook类。

http://jsfiddle.net/de10uqtf/10/

Answer 3

请查找更新的代码。

.facebook {
    display: inline-block;
    margin-left:auto;
    margin-right:auto;
    color:#3b5998;
    font-family: Arial;
    position: absolute;
    left:30%;
}
.fb_share {
    margin-left:auto;
    margin-right:auto;
    position: absolute;
    left:30%;
    top:20%;
}

JsFiddle

将两个div放在主div的中间

3 个答案: