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

Popular posts from this blog

Pass DB Connection parameters to a Kettle a.k.a PDI table Input step dynamically from Excel -

multithreading - PhantomJS-Node in a for Loop -

c++ - MATLAB .m file to .mex file using Matlab Compiler -