मैं मटीरियल डिजाइन लाइट का उपयोग कर रहा हूं वेबसाइट लिंक यहाँ
कार्ड में वर्टिकल डिवीजन बनाने का कोई तरीका नहीं है, जैसा कि वहां दिए गए डॉक्यूमेंटेशन के अनुसार है।
आमतौर पर दिव्यांगों के लिए ग्रिड लेआउट का उपयोग किया जाता हैसामग्री का डिजाइन लेकिन जब मैं ग्रिड का उपयोग कर रहा हूं तब डिफ़ॉल्ट रूप से दो कोशिकाओं के बीच एक स्थान है। क्या कोई अन्य तरीका है जिसके द्वारा मैं कार्ड में बिना स्थान के ऊर्ध्वाधर विभाजन कर सकता हूं?
सीएसएस
.grid-handler {
max-width: 600px;
}
एचटीएमएल
<div class="grid-handler mdl-grid">
<div class="mdl-cell mdl-cell--6-col mdl-card mdl-shadow--2dp">6</div>
<div class="mdl-cell mdl-cell--6-col mdl-card mdl-shadow--2dp">6</div>
</div>
उत्तर:
जवाब के लिए 5 № 1आप उपयोग कर सकते हैं mdl-grid--no-spacing साथ कक्षा mdl-grid :
<div class="mdl-grid mdl-grid--no-spacing">
<div class="mdl-cell mdl-cell--6-col mdl-card mdl-shadow--2dp">6</div>
<div class="mdl-cell mdl-cell--6-col mdl-card mdl-shadow--2dp">6</div>
</div>