फ्लेक्स डिव (पूरी चौड़ाई नहीं बढ़ाएं) [डुप्लिकेट]

Dec 07 2020

मेरे पास 2 div हैं और फ्लेक्स का उपयोग कर रहे हैं:

.parent {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: red;
}

.item {
  height: 40px;
  margin-bottom: 10px;
}

<div class="parent">
  <div class="item">something here</div>
</div>

मेरा मुद्दा यह है कि माता-पिता स्क्रीन की चौड़ाई का 100% है।

मैं इसे कैसे बना सकता हूं ताकि यह आइटम कंटेंट जितना बड़ा रहे, इसलिए ऑटो बढ़ता है (जब अधिक पाठ बढ़ता है या कम के साथ सिकुड़ता है)?

जवाब

1 fahimchowdhury Dec 07 2020 at 18:06

फ्लेक्स के बजाय इनलाइन-फ्लेक्स का उपयोग करें:

display: inline-flex;