रैप किए गए लेबल टेक्स्ट की बाद की पंक्तियों को इंडेंट करना
जब फॉर्म की चौड़ाई पर बाधाओं का सामना करना पड़ता है, तो लेबल टेक्स्ट कई लाइनों पर लपेट सकता है, जिससे सौंदर्यबोध होता है चिंताएँ. जबकि पहली पंक्ति एक इनपुट तत्व की उपस्थिति के कारण इंडेंट की गई है, बाद की लाइनें नहीं हो सकती हैं, जिससे एक असमान उपस्थिति पैदा हो सकती है। &&&]
इनपुट तत्व और उसके लेबल दोनों को वर्ग"चेकबॉक्स-फ़ील्ड"
के साथ एक मूल कंटेनर में संलग्न करें। इस पैरेंट की डिस्प्ले प्रॉपर्टी को"flex" पर और फ्लेक्स-दिशा को "row" पर सेट करें।.checkbox-field { प्रदर्शन: फ्लेक्स; फ्लेक्स-दिशा: पंक्ति; }
.checkbox-field {
display: flex;
flex-direction: row;
}
यह समाधान सुसंगत दृश्य उपस्थिति को बनाए रखते हुए लचीले ढंग से लेबल टेक्स्ट को उपलब्ध चौड़ाई में समायोजित करता है।
अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।
Copyright© 2022 湘ICP备2022001581号-3