CSS min-inline-size στοιχεία

Ορισμός και χρήση

min-inline-size Ο καθορισμός ιδιοτήτων καθορίζει τον ελάχιστο όγκο του στοιχείου στην κατεύθυνση της γραμμής.

Αν το μέγεθος του περιεχομένου στον άξονα της γραμμής είναι μικρότερο από το ελάχιστο μέγεθος, τότε θα εφαρμοστεί min-inline-size τιμή της ιδιότητας.

Αν το μέγεθος του περιεχομένου στον άξονα της γραμμής είναι μεγαλύτερο από το ελάχιστο μέγεθος, τότε min-inline-size Η τιμή της ιδιότητας δεν λειτουργεί.

Σημείωση:συμπαράλληλες ιδιότητες CSS writing-mode Ορίζει την κατεύθυνση της γραμμής, η οποία επηρεάζει min-inline-size οι οποίες επηρεάζουν την κατεύθυνση του κελιού. Για τις σελίδες αγγλικών, η κατεύθυνση του κελιού είναι προς τα κάτω, ενώ η κατεύθυνση της γραμμής είναι από αριστερά προς τα δεξιά.

CSS min-inline-size ιδιότητες είναι παρόμοιες με τις ιδιότητες του CSS min-height και min-width Πολύ παρόμοια, αλλά min-inline-size Η ιδιότητα εξαρτάται από την κατεύθυνση της γραμμής.

Παράδειγμα

Παράδειγμα 1

Ρυθμίστε το ελάχιστο μέγεθος του στοιχείου <div> στην κατεύθυνση της γραμμής ως 200 εικονοστοιχεία:

div {
  min-inline-size: 200px;
}

Προσπαθήστε το μόνοι σας

Παράδειγμα 2: Μέθοδος γραφής

Ρυθμίστε την κατεύθυνση της γραμμής του στοιχείου <div> ως: writing-mode Όταν η τιμή του attributes είναι vertical-rl, η κατεύθυνση της γραμμής στο εσωτερικό του στοιχείου αλλάζει από πλάγια προς κάτω, κάτι που επηρεάζει τον τρόπο λειτουργίας της ιδιότητας min-inline-size:

div {
  min-inline-size: 260px;
  writing-mode: vertical-rl;
}

Προσπαθήστε το μόνοι σας

Παράδειγμα 3: min-inline-size και inline-size

Παρατηρήστε ένα inline-size Για το στοιχείο <div> με μέγεθος 200px και ένα άλλο min-inline-size Διαφορετικές συμπεριφορές του στοιχείου <div> με μέγεθος 200px κατά την αλλαγή του μεγέθους του περιεχομένου του:

#div1 {
  min-inline-size: 200px;
}
#div2 {
  inline-size: 200px;
}

Προσπαθήστε το μόνοι σας

Γλώσσα CSS

min-inline-size: auto|length|initial|αναγωγή;

Τιμή ιδιότητας

Τεχνικά λεπτομέρειες

Υποστήριξη προγράμματος περιήγησης

Οι αριθμοί στην τάβλη σηματοδοτούν την έκδοση του πρώτου προγράμματος περιήγησης που υποστηρίζει πλήρως αυτή την ιδιότητα.

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

Αναφορά:CSS inline-size ιδιότητα

Αναφορά:CSS max-inline-size στοιχεία

Αναφορά:CSS min-height στοιχεία

Αναφορά:CSS min-width στοιχεία

Αναφορά:CSS writing-mode 属性