फ्लेक्स डिव (पूरी चौड़ाई नहीं बढ़ाएं) [डुप्लिकेट]
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;