Jak wyśrodkować obraz w HTML

Dostosowanie obrazów w odpowiedniej pozycji w odniesieniu do innych treści na twoich stronach internetowych jest bardzo ważne. To właściwe wyrównanie definiuje i zwiększa strukturę strony internetowej. W HTML istnieją różne sposoby wyśrodkowania obrazu. Te podejścia zostały omówione tutaj na tym blogu.

Jak wyśrodkować obraz za pomocą właściwości tekstu tekstowego

W celu skoncentrowania obrazu za pomocą nieruchomości tekstowej zapoznaj się z przykładem.

Html

W powyższym kodzie tworzymy kontener DIV i umieszczamy nasz obraz w tym pojemniku za pomocą znacznika. Ten atrybut zapewnia obrazowi stylizację wbudowaną. Następnie, aby wyśrodkować obraz, używamy atrybutu stylu kontenera Div, aby ustawić właściwość tekstu tekstu na środowisko. Korzystanie z tej właściwości na znaczniku nie będzie miało żadnego wpływu, musisz owinąć obraz wewnątrz pojemnika i przypisać tę właściwość do tego pojemnika.

Wyjście

W ten sposób koncentrujesz obraz.

Jak wyśrodkować obraz za pomocą marginesów

Innym sposobem przypisywania obrazu położeniem jest użycie właściwości prawej marginesu i marginesu, jak pokazaliśmy w poniższym fragmencie kodu.

Html

Wyjście wyświetla wyśrodkowany obraz.

Wniosek

Aby wyśrodkować obraz w HTML albo użyj tekst-align własność lub margines-prawy I margines lewic nieruchomość. Podczas korzystania z właściwości tekstu Zakop Owiń obraz wewnątrz pojemnika Div, a następnie za pomocą atrybutu stylu Ustaw właściwość tekstu tekstu pojemnika na środek, podczas gdy w przypadku używania właściwości marginesu najpierw ustaw wyświetlanie obrazu do do blokuj, a następnie przypisz AUTO do właściwości w prawej marginesie, jak i marginesie.