css - Display radio and div elements in vertical way -
फ़ॉर्म
के अंदर रेडियो
विकल्पों की यह संरचना है। < / P>
& lt; div id = "hier_all" & gt; & Lt; h2 id = "tit_hierarq" वर्ग = "hierarq दृश्यमान" & gt; चुनें & lt; / h2 & gt; & Lt; h3 id = "tit_hierarq_help" class = "hierarq दृश्यमान" & gt; विकल्प में से एक & lt; / h3 & gt; & Lt; form id = "form_hierarq" वर्ग = "hierarq visible" & gt; & Lt; इनपुट आईडी = "hierarq0" class = "hierarq दृश्यमान" प्रकार = "रेडियो" नाम = "रेडियोबूटहिरैक" मान = "0" & gt; & Lt; div id = "hierarq0" वर्ग = "hierarq दृश्यमान" & gt; विकल्प 0 & lt; / div & gt; & Lt; इनपुट आईडी = "hierarq1" class = "hierarq दृश्यमान" प्रकार = "रेडियो" नाम = "रेडियोबुटहिरैक" मान = "1" & gt; & Lt; div id = "hierarq1" वर्ग = "hierarq दृश्यमान" & gt; विकल्प 1 & lt; / div & gt;
अभी, सोलह विकल्प दिखाए जा रहे हैं (उदाहरण में केवल दो) क्षैतिज तरीके से दूसरे के आगे दिखाई देते हैं।
मैं चाहता हूं जैसे कि रेडियो
इनपुट और इसके साथ साथ div
को एक साथ रखा जाना चाहिए
.hierarq
के लिए, display: run-in
का उपयोग करने की कोशिश की गई है। , लेकिन तत्वों को क्षैतिज रूप से रखा गया है डिस्प्ले: सूची आइटम
के साथ, वस्तुओं को लंबवत रखा जाता है, लेकिन यद्यपि javascript
जोड़ता है छिपी
से वर्ग
प्रत्येक के लिए फ़ॉर्म
में तत्व (और दृश्यमान
को हटा देता है), रेडियो
विकल्प और उनका div
दृश्यमान रहने के बाद एक विकल्प चुना जाता है । अगर डिस्प्ले: ब्लॉक
, मुझे डिस्प्ले: सूची आइटम
के साथ एक ही समस्या है।
मुझे इसका समाधान करने के लिए क्या करना चाहिए?
आप जैसे मतलब
यदि हां, तो div के बजाय आप अवधि का उपयोग कर सकते हैं ताकि यह रेडियो विकल्प के बगल में लपेटेगा।
html
& lt; p & gt; & Lt; इनपुट आईडी = "hierarq0" class = "hierarq दृश्यमान" प्रकार = "रेडियो" नाम = "रेडियोबूटहिरैक" मान = "0" & gt; & Lt; span id = "hierarq0" वर्ग = "hierarq visible" & gt; विकल्प 0 & lt; / span & gt; & Lt; / p & gt; & Lt; p & gt; & Lt; इनपुट आईडी = "hierarq1" class = "hierarq दृश्यमान" प्रकार = "रेडियो" नाम = "रेडियोबुटहिरैक" मान = "1" & gt; & Lt; span id = "hierarq1" वर्ग = "hierarq दृश्यमान" & gt; विकल्प 1 & lt; / span & gt; & Lt; / p & gt;
Comments
Post a Comment