How TO - Center Images
Naučte se vycentrovat obrázek pomocí CSS.
Obrázek na střed:
Jak vycentrovat obrázky
Krok 1) Přidejte HTML:
Příklad
<img src="paris.jpg" alt="Paris" class="center">
Krok 2) Přidejte CSS:
Chcete-li obrázek vycentrovat, nastavte levý a pravý okraj na auto
a vytvořte z něj block
prvek:
Příklad
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
Všimněte si, že jej nelze vycentrovat, pokud je šířka nastavena na 100 % (plná šířka).
Tip: Přejděte do našeho výukového programu pro obrázky CSS , kde se dozvíte více o tom, jak upravovat obrázky.