"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > सीएसएस में बाद में लपेटी गई लेबल लाइनों को इंडेंट कैसे करें?

सीएसएस में बाद में लपेटी गई लेबल लाइनों को इंडेंट कैसे करें?

2024-11-08 को प्रकाशित
ब्राउज़ करें:551

How to Indent Subsequent Wrapped Label Lines in CSS?

रैप किए गए लेबल टेक्स्ट की बाद की पंक्तियों को इंडेंट करना

जब फॉर्म की चौड़ाई पर बाधाओं का सामना करना पड़ता है, तो लेबल टेक्स्ट कई लाइनों पर लपेट सकता है, जिससे सौंदर्यबोध होता है चिंताएँ. जबकि पहली पंक्ति एक इनपुट तत्व की उपस्थिति के कारण इंडेंट की गई है, बाद की लाइनें नहीं हो सकती हैं, जिससे एक असमान उपस्थिति पैदा हो सकती है। &&&]

इनपुट तत्व और उसके लेबल दोनों को वर्ग

"चेकबॉक्स-फ़ील्ड"

के साथ एक मूल कंटेनर में संलग्न करें। इस पैरेंट की डिस्प्ले प्रॉपर्टी को

"flex" पर और फ्लेक्स-दिशा को "row" पर सेट करें।.checkbox-field { प्रदर्शन: फ्लेक्स; फ्लेक्स-दिशा: पंक्ति; }

.checkbox-field {
  display: flex;
  flex-direction: row;
}

फील्ड 2 लेबल, सामान्य से अधिक लंबा हो सकता है, यह इसके लिए एक उदाहरण है लोरेम लोरेम लोरेम लोरेम लोरेम लोरेम लेबल>
यह समाधान सुसंगत दृश्य उपस्थिति को बनाए रखते हुए लचीले ढंग से लेबल टेक्स्ट को उपलब्ध चौड़ाई में समायोजित करता है।
विज्ञप्ति वक्तव्य यह लेख यहां पुनर्मुद्रित है: 1729725831 यदि कोई उल्लंघन है, तो कृपया इसे हटाने के लिए स्टडी_गोलंग@163.कॉम से संपर्क करें।
नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3