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

Popular posts from this blog

java - ImportError: No module named py4j.java_gateway -

python - Receiving "KeyError" after decoding json result from url -

.net - Creating a new Queue Manager and Queue in Websphere MQ (using C#) -