CSS fit-content() फंक्शन

वर्णन और उपयोग

CSS का fit-content() फंक्शन एलीमेंट के आकार को सामग्री के अनुसार समायोजित करने की अनुमति देता है। यह तरीका एलीमेंट जैसे इस्तेमाल करता है जैसे कि उपलब्ध जगह का आकार लेता है, लेकिन कभी भी अधिकतम सामग्री आकार से नहीं होता है。

उदाहरण

इस्तेमाल करें fit-content() ग्रिड में स्तम्भ के आकार को समायोजित करें:

#container {
  display: grid;
  grid-template-columns: fit-content(250px) fit-content(250px) auto;
  grid-gap: 7px;
  box-sizing: border-box;
  height: 150px;
  width: 100%;
  background-color: green;
  padding: 7px;
}

खुद आज्ञा दें

CSS व्याकरण

fit-content(length|percentage)

तकनीकी विवरण

ब्राउज़र समर्थन

तालिका में दिए गए नंबर इस फंक्शन को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण को प्रदर्शित करते हैं。

संबंधित पृष्ठ

संदर्भ:CSS ग्रिड-ऑटो-कोलम्स विशेषता

संदर्भ:CSS ग्रिड-ऑटो-रोज़ विशेषता

संदर्भ:CSS ग्रिड-टेम्पलेट-कोलम प्रकृति

संदर्भ:CSS ग्रिड-टेम्पलेट-रो प्रकृति