अर्थात् यूआई - वर्टिकल सेंसरिंग एक div

Question

क्या <div> टैग Semantic UI के वेब विकास ढांचे का उपयोग करके टैग करने के लिए कोई ज्ञात तरीका है, बिना अपनी सीएसएस शैलियों को जोड़ने के?

मैंने documentation, जैसे <div class="centered grid'> में कई स्थिति-संबंधित टैगों की कोशिश की है, हालांकि ये केवल क्षैतिज केंद्र के लिए काम करते हैं।

यह चुनौतीपूर्ण कार्यान्वयन का मामला नहीं है, मुझे आश्चर्य है कि लंबवत केंद्रिंग को वेब विकास ढांचे के भीतर शामिल नहीं किया गया है, और मैं उत्सुक हूं कि मेरी Google खोज और आंखें इस पर चमकदार हैं। मैं कस्टम शैलियों बनाने से पहले ढांचे शैलियों का पालन करना पसंद करूंगा। मुझे पता है कि मेरे अपने लंबवत केंद्र को लागू करने के कई तरीके हैं (यह लागू करने के लिए मेरी राय में कम से कम बेहतर विकल्प है), हालांकि मैं ढांचे से कक्षा का उपयोग करना पसंद करूंगा।

Answer 1

अर्थात् यूआई v2.2.2 के अनुसार, आप middle aligned कक्षा (एसएस) जोड़कर बीच में लंबवत संरेखण को मजबूर कर सकते हैं।

• table, इसकी पंक्तियों और कोशिकाओं,
• grid, इसकी पंक्तियों और स्तंभों,
• image,
• list और एक छवि के साथ item,
• मॉडल संवाद सामग्री: यह निम्नलिखित तत्व को प्रभावित करता है ।

आप एक मनमाना div तत्व को इस तरह से बीच में खड़ी संरेखण सेट नहीं कर सकते हैं, इन संरचनाओं में से किसी के बाहर।

अन्यथा, कुछ अन्य अर्थ UI तत्व अपनी सामग्री खड़ी बीच में डिफ़ॉल्ट रूप से संरेखित:

• header या एक चिह्न या छवि के साथ message,
• circular segment,
• step,
• button आदि