html - Fill parent width equally -
इस सवाल का पहले से ही एक उत्तर है: < / P>
- 5 जवाब
मेरे पास एक कंटेनर की चौड़ाई है इसमें बटन:
& lt; div class = "button-container" & gt; & Lt; बटन प्रकार = "बटन" वर्ग = "संपादित-मात्रा" & gt; मात्रा संपादित करें & lt; / button & gt; & Lt; बटन प्रकार = "बटन" वर्ग = "संपादित-मूल्य" & gt; मूल्य संपादित करें & lt; / बटन & gt; & Lt; बटन प्रकार = "बटन" वर्ग = "निकालें-वस्तु" & gt; निकालें & lt; / button & gt; & Lt; बटन प्रकार = "बटन" class = "remove-all" & gt; सभी हटाएं & lt; / button & gt; & Lt; / div & gt;
मैं बटन और कंटेनर को एक तरह से कैसे स्टाइल कर सकता हूं कि बटन कंटेनर चौड़ाई को समान रूप से भरते हैं, भले ही सिर्फ 1 या 2 या 3 बटन हों <
आप डिस्प्ले: तालिका;
और डिस्प्ले का उपयोग कर सकते हैं: टेबल-सेल;
यदि आप अपने बटन के आसपास रैपिंग डिवा जोड़ते हैं:
HTML:
& lt; div class = "button-container" & gt; & Lt; div & gt; & Lt; बटन प्रकार = "बटन" वर्ग = "संपादन-मात्रा" & gt; ... & lt; / बटन & gt; & Lt; / div & gt; & Lt; div & gt; & Lt; बटन प्रकार = "बटन" वर्ग = "संपादन-मूल्य" & gt; ... & lt; / बटन & gt; & Lt; / div & gt; & Lt; div & gt; & Lt; बटन प्रकार = "बटन" वर्ग = "निकालें-वस्तु" & gt; ... & lt; / बटन & gt; & Lt; / div & gt; & Lt; div & gt; & Lt; बटन प्रकार = "बटन" class = "remove-all" & gt; ... & lt; / बटन & gt; & Lt; / div & gt; & Lt; / div & gt;
सीएसएस:
.button-container {width: 100%; ऊँचाई: 100px; प्रदर्शन: तालिका; } .बटन-कंटेनर & gt; div {display: table-cell; } .बटन-कंटेनर बटन {ऊंचाई: 100%; चौड़ाई: 100%; }
Comments
Post a Comment