Question

在这里：https://www.gamingonlinux.com/forum/4您可以看到主题标题旁边的分页数字显示在内容的顶部，有没有办法将它们向下移动，以便它们与标题排列更多？

用于控制列表项的CSS：

ul.pagination {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.pagination_small {
    display: inline-block;
    float: none;
}
ul.pagination li {
    float: left;
    padding: 0;
}
ul.pagination li a.pagination_small {
    padding: 0px 5px;
    margin-right: 2px;
}
ul.pagination li a {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

ul.pagination li:hover a {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}
ul.pagination li.active a {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
    pointer-events: none;
}
ul.pagination li.pagination-disabled a {
    pointer-events: none;
    background: #e9e9e9;
}

Answer 1

你可以试试这个：

ul.pagination_small {
    display: inline-block;
    float: none;
    margin-top: 22px;
    position: absolute;
}

获得分页以与标题对齐

1 个答案: