Css 如何添加不影响中间对齐的小div？

我有一个中间对齐分页的布局

分页是中间对齐的，这是一个技巧：

.pager_wrap
{
    float: left;
    position: relative;
    left: 50%;
}
.pager 
{
    float: left;
    position: relative;
    left: -50%;
}

这似乎很有效

但有人要求在寻呼机的右侧添加一个类似facebook的按钮，但不影响寻呼机的位置和中间对齐

我在考虑如何在.pager-wrap div之后将facebook-like放在一个div中，并以某种方式修改其垂直对齐方式，使其位于.pager-wrap div之上

我不是css方面的法师，这类问题往往需要很长时间才能解决。有人能帮我解决这个问题吗

---

将facebook图标放置在div中，相对定位，向右浮动，如果需要，应用z索引使其在堆栈中更高。

将facebook图标放置在div中，相对定位，向右浮动，如果需要，应用z索引使其在堆栈中处于较高位置。

您可以将display:inline块指定给它的文本（&text-align:center-to-it's parent，以使分页DIV居中。也许你是这样写的：

.button  
{
     float: right;
     position: relative;
     right: 10%;
} 

.pager_wrap
{
    background:red;
    text-align:center;
}
.pager
{
    background:yellow;
    display:inline-block;
    *display:inline /*IE*/
    *zoom:1;
    text-align:right;
    padding:10px;
}
.facebook{
    float:right;
    width:30px;
    height:40px;
    background:blue;
}

选中此项而不是浮动，您可以将display:inline块指定给它的父项，并将text-text-align:center指定给它的父项，以使分页DIV居中。也许你是这样写的：

.pager_wrap
{
    background:red;
    text-align:center;
}
.pager
{
    background:yellow;
    display:inline-block;
    *display:inline /*IE*/
    *zoom:1;
    text-align:right;
    padding:10px;
}
.facebook{
    float:right;
    width:30px;
    height:40px;
    background:blue;
}

---

选中此项

两种解决方案都是相同的，我将掷硬币并接受其中一种。两种解决方案都是相同的，我将掷硬币并接受其中一种。谢谢，但问题是，实际上将中间部分向左移动了.facebook div宽度的一半。请尝试将.facebook的宽度设置为更大的值。谢谢，但问题是，实际上将中心部分向左移动.facebook div宽度的一半。尝试将.facebook的宽度设置为更大的值。