html - CSS - How to pad an elements width by 50% of itself? -
कैसे एक तत्व पैड अपने 50% से?
I । होना चाहिए 50% इसकी कंटेनर की चौड़ाई जहां
। एक चर चौड़ाई है।
< मजबूत> HTML
& lt; div वर्ग = "ए" & gt; & Lt; div वर्ग = "बी" & gt; कुछ परीक्षण पाठ लाइन के लिए चेक BREAK & lt; / div & gt; & Lt; / div & gt; सीएसएस
। एक {पृष्ठभूमि: # 58c; न्यूनतम-चौड़ाई: 300px; गद्दी-दाएं: 50%; बॉक्स-आकार: सीमा बॉक्स; ऊंचाई: 300px; }। {पृष्ठभूमि: # बी 88; प्रदर्शन क्षेत्र; ऊंचाई: 100%; चौड़ाई: 100%; } मैं डेमो डिव में । क्यों अनिश्चित हूँ में इसके बजाय अपने कंटेनर का 50% पैडिंग है।
जैसा कि किसी ने (और कहें!) पैडिंग के लिए (और भी हाशिए, बिल्कुल):
प्रतिशत वाले ब्लॉक की चौड़ाई को देखें
तो यहां एक समाधान लगाया जा सकता है। एक आवरण के अंदर, और पैडिंग-दायें को छोड़ दें। 50% पर
HTML
& lt; div class = "wrapper-A" & gt; & Lt; div वर्ग = "ए" & gt; & Lt; div वर्ग = "बी" & gt; कुछ परीक्षण पाठ लाइन के लिए चेक BREAK & lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt; सीएसएस
। वार्पर-ए {चौड़ाई: 100%; // या पिक्सेल ...}। {Display: block; पैडिंग-राइट: 50%; ...}
Comments
Post a Comment