Question

radio内有form个<div id="hier_all"> <h2 id="tit_hierarq" class="hierarq visible">Choose</h2> <h3 id="tit_hierarq_help" class="hierarq visible">one of the options</h3> <form id="form_hierarq" class="hierarq visible"> <input id="hierarq0" class="hierarq visible" type="radio" name="radioButHierarq" value="0"> <div id="hierarq0" class="hierarq visible">option 0</div> <input id="hierarq1" class="hierarq visible" type="radio" name="radioButHierarq" value="1"> <div id="hierarq1" class="hierarq visible">option 1</div>选项的结构。

radio

现在，要显示的十六个选项（在示例中只有两个）以水平方式一个接一个地显示。

我希望将div输入以及随附的.hierarq并排放置。下一个应该出现在下面，依此类推，以垂直方式显示。

对于display: run-in，尝试使用display: list-item，但元素是水平放置的。使用javascript时，项目会垂直放置，但hidden会将class添加到form中每个元素的visible（并删除radio）选择选项后，div选项及其display: block仍然可见。如果display: list-item，我遇到与{{1}}相同的问题。

我该怎么做才能解决这个问题？

Answer 1

你的意思是this?

如果是，则可以使用span而不是div。这样它就会在无线电选项旁边换行。

<强> HTML

<p>
    <input id="hierarq0" class="hierarq visible" type="radio" name="radioButHierarq" value="0">
<span id="hierarq0" class="hierarq visible">option 0</span>

</p>
<p>
    <input id="hierarq1" class="hierarq visible" type="radio" name="radioButHierarq" value="1">
<span id="hierarq1" class="hierarq visible">option 1</span>

</p>

以垂直方式显示radio和div元素

1 个答案: