[ixem]

Prosta strona html tylko z jednym zdjęciem. Jak wycentrować w pionie te zdjęcie?
Albo jak wycentrować w pionie tabelkę z jedną komórką? :)

[hub33k]

@ixem: https://css-tricks.com/centering-css-complete-guide/

[pomarancza_]

@ixem: margin-top:(50% - X px) gdzie X to połowa wysokości zdjęcia

[ixem]

@pomarancza_: Nie znam się na CSS ( ͡° ʖ̯ ͡°) nie można w kodzie html?

[Lechu1777]

@ixem: Można, ale to jest gorsza metoda. U Ciebie tak to wyglądać będzie 1 zdjęcie i nic więcej:

Plik index.html:

[ixem]

@Lechu1777: Dzięki. Chodzi o to, żeby grafika na stronie na monitorze HD była na środku w pionie i tak samo była na środku na monitorze Full HD. Tak będzie? Mam lapka z HD i nie wiem jak to sprawdzić. Można w sposób pomniejszania Ctrl - ? Jest to sensowne? :)

[Lechu1777]

@ixem: Otwórz swoją stronę (albo obojętnie jaką) kliknij prawym przyciskiem na stronie, wybierz z menu kontekstowego zbadaj, otworzy się duży panel z wieloma rzeczami, w Firefoxie przykładowo po prawej jego stronie jest wiele ikonek, jedna z tych ikonek nazywa się tryb responsywny, widać na screenie po prawej stronie wciśnięta ikonkę, to jest właśnie to co masz znaleźć.

https://imgur.com/a/DHTTFg2

Włączy Ci się takie okienko, które możesz sobie rozszerzać dowolnie łapiąc za

[Lechu1777]

@ixem: A co do pytania to tak, flex ustawia na środku dynamicznie. O ile zdjęcie naturalnie mieści się w szerokości strony, inaczej trzeba by dodać dodatkowe parametry, żeby się zwężało jak brakuje miejsca itp.

To co chcesz osiągnąć zadziała też w prymitywny sposób dając do img:
margin-left: auto;
margin-right: