html - 以角度居中ngx分页元素

Question

我正在使用来自ngx pagination的 ngx pagination 在我的表格上以角度实现分页，我试图将 ngx 分页元素居中或使其浮动，但由于某种原因，它没有响应我在这里查看了类似的问题并尝试了这些方法但是那没起效。

这是我使用的代码：

标记

 <div class="pagination">
            <pagination-controls
              id="data source 2"
              directionLinks="false"
              (pageChange)="p = $event"
            ></pagination-controls>
          </div>

CSS

.pagination {
  display: flex;
  justify-content: center;
}

标签： htmlcssangular

Answer 1

尝试使用text-align: center↓</p>

<div style="text-align: center; padding-left:0px;">
   <pagination-controls
　　　　　　id="data source 2"
      directionLinks="false"
      (pageChange)="p = $event"
    ></pagination-controls>
</div>