Πώς να κεντρώσετε την εικόνα

Μάθετε πώς να κεντρώσετε την εικόνα χρησιμοποιώντας το CSS.

Κεντρώση εικόνας:

Tulip

Πώς να κεντρώσετε την εικόνα

Βήμα 1 - Προσθέστε HTML:

<img src="paris.jpg" alt="Paris" class="center">

Βήμα 2 - Προσθέστε CSS:

Για να τοποθετήσετε το εικόνα στο κέντρο, ρυθμίστε τις εξωτερικές γωνίες του περιθωρίου: autoκαι καθορίστε το ως στοιχείο:

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

Προσωπικά δοκιμάστε

Παρακαλώ, αν ορίζεται η πλάτος 100%Αν είναι (πλήρες πλάτος), δεν μπορεί να κεντρωθεί.

Σελίδες σχετικές

Εκμάθηση:CSS εικόνα