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

Question

我正在使用DataTables。目前，分页栏位于右侧。我想使用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;
}

Answer 1

尝试使用：

.top {
    margin: 0 auto;
}

或

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

Answer 2

这就是我做的。我刚刚添加了保证金权利：40％给德米特里的回答。

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