html - 如何将页面 # 图标对齐到中心？

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;
}

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