superRaytin / paginationjs

A jQuery plugin to provide simple yet fully customisable pagination.
http://pagination.js.org
MIT License
912 stars 659 forks source link

`display: flex;` makes the pagination not centered #138

Closed njzjz closed 1 year ago

njzjz commented 1 year ago

Describe the bug

133 introduces display: flex; which makes my page's pagination no longer centered.

image

To Reproduce without display: flex: here

with display: flex;: here

Expected behavior Without display: flex:

image

Versions:

Additional context

My HTML code is

<div class="mx-auto text-center mt-5">
  <div id=speciespager></div>
</div>
njzjz commented 1 year ago

I fix it by adding the style display: unset. I'd like to know if there are any suggestions.

.paginationjs {
    display: unset!important;
}
superRaytin commented 1 year ago

@njzjz justify-content also is an option:

.paginationjs {
    justify-content: center;
}
njzjz commented 1 year ago

Thanks, it looks good to me.