Centrowanie w css

Question

Witajcie.

Mam trzy divy zawierające się w zbiorczym divie. Te trzy divy to kafelki 300x300. chciałbym je wycentrować na ekranie. Proszę o jakąś podpowiedź.

Z góry dzieki.

Pozdrawiam

Answer 1

Wycentrować to znaczy? Jeżeli chcesz je wycentrować w poziomie to:

Zależy czy pojemnik w którym się znajdują ma stałą szerokość. Jeżeli tak to musisz się pobawić jego wartością padding i wartością margin tych trzech divów.

Innym sposobem jest dodanie do zbiorczego diva text-align: center; a do 3 divów display: inline-block;

Z centrowaniem w pionie to samo, tylko zamiast text-align: center; dodajesz do 3 divów vertical-align: middle;​

Comments

Dzięki, działa jak trzeba!

Answer 2

http://flexboxfroggy.com/#pl

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Comments

Dobre pomoce dydaktyczne. Dzieki!