Question

我想创建一组垂直对齐的3个圆形按钮（参见参考：http://i.imgbox.com/hAjYNmIq.jpg）但是由于某种原因我无法完成它，第一个按钮似乎覆盖了其余部分。我知道这是一个基本的代码，但是我被困住了，我需要尽快解决这个问题。

这是我到目前为止所获得的基本代码：

#pagination a {
    color: {color:Link Shadow};
    font: 700 1.000em 'Helvetica', Calibri, Helvetica, Arial!important;
    position: fixed;
    float:left;
    z-index: 999!important;
    bottom: 28px;
    display: none;
    background-color: #fff;
    border:3px solid {color:Link Shadow};
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .15);
    width: 26px;
    padding: 13px;
    height: 26px;
    border-radius:100%;
    margin-left: -245px; }

＆＃13;

   <div id="pagination"> <a href="#">Back To Top</a><br> <a href="/">Prev Page</a><br> <a href="/">Next Page</a> </div>

＆＃13;

Answer 1

更新HTML后（错误的href），这就是我想出的。但是，由于您的尺寸限制，您的文本将会溢出。 And here's a Fiddle of it

<div id="pagination">
<a href="#">Back To Top</a>
<a href="#">Prev Page</a>
<a href="#">Next Page</a>
</div>


#pagination a {
color: #000;
font: 700 1.000em 'Helvetica', Calibri, Helvetica, Arial!important;
z-index: 999!important;
background-color: #fff;
border:3px solid #00a;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .15);
width: 26px;
padding: 13px;
height: 26px;
border-radius:100%;
display:block;
margin-bottom:20px;
}
#pagination {
position:fixed;
}

垂直对齐圆形按钮

1 个答案: