如何将页面＃图标对齐到中心？

Question

我需要帮助在右下角对齐页面＃图标（分页）。

以下是该页面的链接： http://www.vapestore.co/collections/all

这是CSS代码：

.pagination { margin: 15px; padding:10px; border-bottom:1px solid {{ settings.border_and_underline_color }}; border-top:1px solid {{ settings.border_and_underline_color }}; }
.pagination .parts { float:right; }
.pagination .item.dots, .pagination .item.link, .pagination .item.current { display:block; float:left; text-align:center; margin:0 6px 0 0; padding:0; height:20px; line-height:20px; }
.pagination .item.link { color:{{ settings.shop_bg_color_content_area }}; background-color:{{ settings.link_color }}; -webkit-border-radius:3px; width:20px; }

Answer 1

选项1

使用

.pagination .item.link, .pagination .item.current {
    display: inline-block;
}

.pagination .parts {
    text-align: center;
}

并删除它们上的浮动。

选项2

使用

.pagination .item.link, .pagination .item.current {
    display: inline;
    padding: 0 0.25em;
}

.pagination .parts {
    text-align: center;
}

并删除第一个选择器上的浮动加上宽度。