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

Popular posts from this blog

import - Python ImportError: No module named wmi -

Editing Python Class in Shell and SQLAlchemy -

c# - MySQL Parameterized Select Query joining tables issue -