Question

我有以下jsfiddle，我希望箭头位于中心框的两侧。我试过改变浮动的位置，但这不起作用。

.holder {
    margin: 15px 0;
}
.holder a {
    font-size: 12px;
    cursor: pointer;
    margin: 0 5px;
    color: #333;
}
.holder a:hover {
    background-color: #222;
    color: #fff;
}
.holder a.jp-current, a.jp-current:hover {
    color: #FF4242;
    font-weight: bold;
    cursor: default;
    background: none;
}
.holder span {
    margin: 0 5px;
}

以上是我对相关div的CSS规则。我的问题是如何才能让jsfiddle上的两个箭头出现在'ul'元素的两侧？

Answer 1

更新CSS并减少＆＃39; .arrowPrev，.arrowNext＆＃39;中的最高值。类定义。例如，设置顶部：5px。

.arrowPrev, .arrowNext {
    width: 29px;
    height: 29px;
    position: absolute;
    top: 5px;
    cursor: pointer;
    background-repeat: no-repeat;
}

请参阅Fiddle

Css，包裹中心div两侧的两个div

1 个答案: