search

rintoj / ngx-virtual-scroller

Virtual Scroll displays a virtual, "infinite" list.
https://rintoj.github.io/ngx-virtual-scroller
MIT License
979 stars 295 forks source link

Can't center items #505

Closed Martijn-W84 closed 3 years ago

Martijn-W84 commented 3 years ago

I just can't seem to center items horizontally. I have a scrollable grid of rectangular iframes with this structure:

<virtual-scroller> <div *ngFor style="display: inline-block"> <iframe> </iframe> </div </virtual-scroller> ` What should be the best practice to make sure the items are centered horizontally in the scrollable content area? I've used display: inline-block on the ngfor div, because otherwise all items are placed vertically and just 1 column is used.

Martijn-W84 commented 3 years ago

I had to use text-align:center also. It's fixed.