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