如何使用 CSS 集中 DataTables 分页栏？答案

【问题标题】：How to centralize DataTables Pagination bar using CSS?如何使用 CSS 集中 DataTables 分页栏？
【发布时间】：2017-11-30 21:16:48
【问题描述】：

我正在使用数据表。目前分页栏位于右侧。我想使用 CSS 将它带到表格/页面的中心。该类称为top。它向左/向右浮动，但是如果我使用绝对位置作为位置，则条会显示在桌子上方。我能够使用文档中的 sdom 将栏带到顶部，但我想使用更多 CSS，因为它支持所有 HTML

jQuery

 $(document).ready( function () {
        $('#table_id').DataTable({"pageLength":5, "sDom": '<"top"flp>rt<"bottom"i><"clear">'});
    });

CSS

// Bar moves left/right
.top {
// position: absolute;
float: left;
}

【问题讨论】：

【解决方案1】：

尝试使用：

.top {
    margin: 0 auto;
}

或

.top {
    display: block;
    margin: 0 auto;
}

【讨论】：

【解决方案2】：

我就是这样做的。我刚刚在 Dmitry 的回答中添加了 margin-right: 40% 。

.top {
   display: block;
   margin: 0 auto;
   margin-right: 40%;
}

【讨论】：